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