-webkit-line-clamp下多行文字溢出点点点...显示实例页面

回到相关文章 »

代码:

CSS代码:
.box {
    width: 400px; 
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
                
HTML代码:
<div class="box">
    【大众点评与美团网合并 王兴张涛担任联席CEO】大众点评网与美团网今天联合发布声明,宣布达成战略合作,双方已共同成立一家新公司。新公司将实施Co-CEO制度,美团CEO王兴和大众点评CEO张涛将同时担任联席CEO和联席董事长,重大决策将在联席CEO和董事会层面完成。
</div>
                

效果:

目前仅支持webkit浏览器

【大众点评与美团网合并 王兴张涛担任联席CEO】大众点评网与美团网今天联合发布声明,宣布达成战略合作,双方已共同成立一家新公司。新公司将实施Co-CEO制度,美团CEO王兴和大众点评CEO张涛将同时担任联席CEO和联席董事长,重大决策将在联席CEO和董事会层面完成。