text-overflow: ellipsis; white-space: nowrap; overflow: hidden;
其中,text-overflow用于设置文本超出宽度时的展示方式,常用的值有ellipsis(省略号)和clip(裁剪);white-space用于取消换行,保持文本在一行内;overflow:hidden用于隐藏文本超出宽度的部分。
要实现行省略,需要将这三个属性配合使用,例如:
.ellipsis { width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
上述代码设置一个宽度为200px的容器,超出部分使用省略号显示。
注意:行省略只适用于单行文本,若想对多行文本进行省略,则需要使用JavaScript或其他技术实现。