CSS3的文字属性中,有一个很实用的属性即“textoverflow”,它可以限制文本的显示行数。这个属性可以通过使用省略号来缩略文本。 .box { width: 100px; whitespace...
CSS3的文字属性中,有一个很实用的属性即“text-overflow”,它可以限制文本的显示行数。这个属性可以通过使用省略号来缩略文本。
.box {
width: 100px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
} 使用上述示例代码,可以将超出2行的文本自动省略为两行并加上省略号。随着移动端设备的普及,这个属性在响应式设计中也变得越来越重要。