1.单行文本溢出显示省略号…
<div class="ellipsis">
单行文本css溢出部分css溢出部分css溢出部分css溢出部分css溢出部分css溢出部分css溢出部分
</div>
.ellipsis{//单行文本溢出
overflow: hidden;
text-overflow:ellipsis;//文本溢出显示省略号
white-space:nowrap;//文本不会换行(单行文本溢出)
width:130px;
background-color: red;
}
2.多行文本溢出
.box {
width: 100px;
height: 33px;//建议加高度,ie不兼容就直接截掉
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
}