[分享]css内容仅显示两行

在CSS中，可以使用textoverflow属性来控制元素中的内容是否会显示省略号(“...”)。如果想要只显示两行的内容，则可以设置maxheight属性为两行的高度，并将overflow属性设置为...

在CSS中，可以使用text-overflow属性来控制元素中的内容是否会显示省略号(“...”)。

如果想要只显示两行的内容，则可以设置max-height属性为两行的高度，并将overflow属性设置为hidden。

.example{
   overflow:hidden;
   max-height:2em;
   text-overflow:ellipsis;
}

这样，在元素中的内容超过两行时，就会自动截断，只显示前两行的内容，多余的部分则会用省略号来代替。

需要注意的是，如果元素中的内容不足两行，也会在末尾自动加上省略号。因此，使用这种方法时需要根据实际情况来确定行数。