代码片段系列（一）之 CSS 篇

原文地址：代码片段系列（一）之 CSS 篇

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

内容截取，显示省略号

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

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