css 多行超出部分隐藏

CSS多行超出部分隐藏是一种让文本在超出一定长度后自动隐藏的技术，它可以提升网页的美观和用户体验。

  p {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
 /*控制显示行数*/  }
    

上面的代码中，overflow: hidden; 属性可以将超出部分隐藏，text-overflow: ellipsis; 则表示超出部分显示省略号。使用display: -webkit-box; 可以将文本作为弹性盒子显示，-webkit-box-orient: vertical; 表示弹性盒子垂直排列，-webkit-line-clamp: 2; 则用来控制显示几行文本。

需要注意的是，-webkit-line-clamp: 2; 属性只在webkit内核浏览器上生效，其他浏览器可以使用line-clamp: 2; 来实现相同的效果。

总之，CSS的多行超出部分隐藏是一种简单而实用的技术，可以方便地美化网页的视觉效果。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！