javascript - 如何控制文本只能显示两行,多余的截取为省略号,要求纯css实现,兼容主流浏览器(含IE 8)...
PHP中文网
PHP中文网 2017-04-11 10:51:08
0
4
503
PHP中文网
PHP中文网

认证高级PHP讲师

reply all (4)
阿神

拿去玩,说爱我~

p.content{ font-size:.8rem; line-height:1.2rem; height:2.4rem; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    黄舟

    能告诉我JS怎么写的吗?

      黄舟

      疏忽了,知道伪元素的问题了,的确是要确定文字超过2行的情况。
      既然要兼容IE8,个人建议还是后端处理或者前端JS吧。


      伪元素的只适合文字绝对会被省略的情况

        

      哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈哈

      火狐和IE8效果:

        Peter_Zhu

        可以参考这里,利用浮动元素的特性来实现。

          Latest Downloads
          More>
          Web Effects
          Website Source Code
          Website Materials
          Front End Template
          About us Disclaimer Sitemap
          php.cn:Public welfare online PHP training,Help PHP learners grow quickly!