<div class="box">文本文本文本文本文本文本文本文本文本文本文本文本</div>
// 单行
.box {
width: 100px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
// 单行&多行,此方案使用webkit 私有属性,不适用于IE
.box {
width: 100px;
text-overflow: ellipsis;
overflow: hidden;
display: -webkit-box;
-webkit-line-clamp: n; // n为显示的行数
-webkit-box-orient :vertical;
}
网友评论