单行省略
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
多行省略
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3; #行数
overflow: hidden;
@-moz-document url-prefix() {
节点元素{
position: relative;
margin: 1%; /决定省略号在文本尾部的位置/
height: 5.5em; /此处高度决定了显示几行/
overflow: hidden;
text-overflow: ellipsis;
}
}
@-moz-document url-prefix() {
节点元素{
bottom: 0;
right: 0;
content: “…”;
padding: 0 20px 0 0;
position: absolute;
}
}