• 兼容IE文本控制两行,多余省略,亲测有效


      正常情况下,都会使用 -webkit-line-clamp:2; 

      word-break: break-all;

        text-overflow: ellipsis;

        display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/

        -webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/

        -webkit-line-clamp: 2; /** 显示的行数 **/

      overflow: hidden; 

     

       但是不兼容IE浏览器,所以我们可以这样做:

      width: 225px;   

        height:50px;  

        overflow: hidden; /*设置一个高度,溢出隐藏*/ 

     

      接着添加一个伪类元素:

      

      .fh5co-copy>p:after {

          content:"...";

          position:absolute;

          bottom:45px;

          right:34px;

          background:#FFF;

          padding-left:0.2em;

      }

     

      大功告成

     

      

  • 相关阅读:
    C# 特性学习笔记
    Nhibernate学习的第二天
    Nhibernate学习的第一天
    SQL循环添加表中的字段
    加班
    bat文件重启SQL服务和IIS服务
    判断是不是手机访问的网站
    解决Ueditor 不兼容IE7 和IE8
    实现链表的初始化,按值查找,插入,删除
    判断任一二叉树,是否为满二叉树.(输出二叉树,节点总数,二叉树深度)
  • 原文地址:https://www.cnblogs.com/DY9412/p/8527683.html
Copyright © 2020-2023  润新知