.content {
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
display: -moz-box;
-moz-line-clamp: 2;
-moz-box-orient: vertical;
overflow-wrap: break-word;
word-break: break-all;
white-space: normal;
overflow: hidden;
}
-
text-overflow 确定如何向用户发出未显示的溢出内容信号.它可以被剪切,显示一个省略号('...')或显示一个自定义字符串.
-
-webkit-line-clamp 可以把 块容器 中的内容限制为指定的行数