css单行省略
div {
width: 200px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
具体查看:https://developer.mozilla.org/zh-CN/docs/Web/CSS/text-overflow
css多行省略
div {
width: 300px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
具体查看:https://developer.mozilla.org/zh-CN/docs/Web/CSS/-webkit-line-clamp
网友评论