1.单行文字溢出显示为省略号
<p>文字文字文字文字文字文字文字文字文字文字文字文字文字</p>
p{
width: 200px;
background: red;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
2.多行文字溢出显示省略号
p{
width: 200px;
background: red;
display: -webkit-box;
-webkit-box-orient: vertical;/*显示省略号*/
-webkit-line-clamp: 3;/*显示三行文字*/
overflow: hidden;
}