html中通过ccc控制li的数据只能两行行超出就省略号
在HTML中,你可以使用CSS的text-overflow属性来控制文本的溢出显示省略号。结合white-space属性设置为nowrap可以限制只显示两行文本。
下面是一个示例代码:
<style>
li {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
</style>
<ul>
<li>这是一段很长很长的文本,如果超过两行将显示省略号。</li>
</ul>
在上面的示例中,使用了-webkit-box和-webkit-line-clamp属性来限制只显示两行文本,并且添加了-webkit-box-orient属性来指定垂直方向排列。
请注意,这个方法在大多数现代浏览器中都能正常工作,但不支持IE浏览器。如果你需要支持IE浏览器,你可能需要使用JavaScript来实现这个效果
原文地址: https://www.cveoy.top/t/topic/iG8i 著作权归作者所有。请勿转载和采集!