1.单行文本超出以省略号结尾
div {
width: 100px; /* 首先给盒子设置一个宽度 */
overflow:hidden; /* 超出盒子的内容隐藏 */
text-overflow:ellipsis; /* 文本超出以省略号结尾 */
white-space:nowrap; /*禁止换行显示*/
}
2.多行文本超出以省略号结尾
div {
width: 100px;
overflow:hidden;
text-overflow:ellipsis;
display:-webkit-box;
-webkit-line-clamp:3; /* 在第三行超出部分以省略号结尾 */
-webkit-box-orient:vertical;
}