代码片段系列(一)之 CSS 篇

这篇文章将会收藏用到的一些方便、常用的CSS代码片段。在这里,总能找到一些可用的片段,如果需要更多片段可以留言。

内容截取,显示省略号

如图,文本原始内容为“这里的山路EIGHTEEN弯,这里的这里的这里的这里的”。这种方式与常用的根据字符长度截取相比,这种方式的优点是:宽度固定,显示更友好;缺点是:只能单行显示。
1

1
2
3
4
5
6
.word-ellipsis {
width: 200px; /* 必须设置宽度 */
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap
}

0%