多行文本最后一行超出时省略为“....”表示

xiaoxiao2021-02-28  6

.css { display: -webkit-box; -webkit-line-clamp: 3;//设置多行的行数 -webkit-box-orient: vertical; overflow: hidden; }

上面写法适用于以webkit为内核的浏览器以及移动端

如果是其他需求则需要其他办法

下面是单行"..."的表示

.css{ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
转载请注明原文地址: https://www.6miu.com/read-2400226.html

最新回复(0)