兼容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;

　　}

 

　　大功告成