CSS 文本溢出 text-overflow属性

text-overflow属性用来设置容器内的文本溢出时，如何处理溢出的内容，取值为 clip | ellipsis，默认值为 clip。

clip 表示文本溢出时，简单的把溢出的部分裁剪掉；ellipsis 表示文本溢出时，在溢出的地方显示一个省略标记（…）。

在使用 text-overflow属性时，一定要给容器定义宽度，否则，文本只会撑开容器，而不会溢出。

事实上，text-overflow属性只能定义文本溢出时的效果，并不具备其它样式功能。所以，无论 text-overflow属性取值是 clip，还是 ellipsis，要让 text-overflow属性生效，必须强制文本在一行内显示（white-space: nowrap），同时隐藏溢出的内容（overflow: hidden）。

如果省略 overflow: hidden，文本会横向溢出容器的外面；如果省略 white-space: nowrap，文本在横向到达容器边界时，会自动换行，即便定义了容器的高度，也不会出现省略号，而是把多余的文本裁切掉；如果省略 text-overflow: ellipsis，多余的文本会被裁切掉，就相当于 text-overflow: clip。

转：CSS 文本溢出 text-overflow属性