css一行显示多出省略号

CSS一行显示多出省略号是网页设计中经常使用的技巧之一。它可以在一定程度上缩短文字长度，避免出现滚动条，同时也可以美化页面效果。这里我们来看看如何实现这一功能。

.ellipsis {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
} 

上面的代码是实现一行显示省略号的关键。其中ellipsis是自定义的类名，可以根据需要命名。white-space属性用来设置不换行；overflow属性用来设置超出部分隐藏；text-overflow属性用来设置超出部分显示省略号。

在文本较长的情况下，可以通过这种方式来显示省略号，增加页面的美观性。但需要注意的是，这种技巧只适用于单行文本，如果有多行文本需要显示省略号，则需要使用其他方法。