/*显示一行和显示2行的省略*/
.line1 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
.line2 {
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2; /* 超出几行省略 */
overflow: hidden;
}
CSS样式显示一行省略和两行省略
最新推荐文章于 2024-06-05 17:42:57 发布