CSS实现文本显示两行(或者多行)，超过部分用省略号隐藏
CSS可以使用以下属性来实现文本显示两行，超出部分用省略号隐藏：
.ellipsis {
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
text-overflow: ellipsis;
white-space: normal;
}HTML部分：
<div class="ellipsis">
这里是一段很长的文本，如果这段文本足够长，它将会显示为两行，并且超出的部分会被隐藏，末尾会出现省略号。
</div>这段CSS样式适用于WebKit内核的浏览器（如Chrome和Safari）。-webkit-line-clamp属性定义了元素的最大行数。当内容超过这个数量的行数时，超出的部分会被隐藏，并且最后会出现省略号。
评论已关闭