css 文字超出部分隐藏

未做隐藏处理

执行结果:

1、1行超出部分省略号

      

      效果:

      

2、多行超出部分隐藏(目前只能在chrome浏览器中使用,其他浏览器不兼容)

  

       效果:

       

         -webkit-line-clamp 属性定义显示行数可以随需求改变

 目前开发的使用方式是:

        限制文字盒子高度为文字  line-height  大小的倍数,至于其他显示字数由后端限制

        

        效果:

  

猜你喜欢

转载自www.cnblogs.com/xingyue525/p/10923970.html
今日推荐