CSS实现两行或多行文本超出用省略号...显示_css超过两行显示为...

作者：小小林熬夜学编程 | 2024-02-20 17:38:13

踩

css超过两行显示为...

多行文本省略:

<div class="lines"></div>

css布局


<style lang="less" scoped>
 .lines {
          overflow: hidden; // 溢出的内容隐藏
          text-overflow: ellipsis; // 溢出的部分用省略号...显示
          -webkit-line-clamp: 2; // 行数
          display: -webkit-box; // 将对象作为弹性伸缩盒子模型显示 
          -webkit-box-orient: vertical; // 设置或检索伸缩盒对象的子元素的排列方式
        }
</style>

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