css单行文本溢出隐藏和多行文本溢出隐藏方式，适用于列表、简介摘要等场景，通用于layui、bootstrap以及vue等_layui css 文本超出了

作者：凡人多烦事01 | 2024-04-27 06:39:12

踩

layui css 文本超出了

文本溢出隐藏首先要给文本一个确定的宽度，也可以结合div的大小进行自适应

单行：


width: 350px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;

多行：


width: 350px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;

-webkit-line-clamp是行数表示，3就是3行，多余的隐藏

简介明了，简单方便

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/凡人多烦事01/article/detail/495301