[分享]css3文字最多2行

CSS3的文字属性中，有一个很实用的属性即“textoverflow”，它可以限制文本的显示行数。这个属性可以通过使用省略号来缩略文本。 .box { width: 100px; whitespace...

CSS3的文字属性中，有一个很实用的属性即“text-overflow”，它可以限制文本的显示行数。这个属性可以通过使用省略号来缩略文本。

 .box {
        width: 100px;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    } 

使用上述示例代码，可以将超出2行的文本自动省略为两行并加上省略号。随着移动端设备的普及，这个属性在响应式设计中也变得越来越重要。