目录
一、超出部分使用省略号
text-overflow: ellipsis;
overflow: hidden;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
display: -webkit-box;
1.text-overflow
text-overflow 属性指定当文本溢出包含它的元素时,应该如何显示。可以设置溢出后,文本被剪切、显示省略号 (...) 或显示自定义字符串(不是所有浏览器都支持)。
text-overflow 需要配合以下两个属性使用: white-space: nowrap; overflow: hidden;
text-overflow 有以下属性:
- clip 剪切文本。
- ellipsis 显示省略符号 ... 来代表被修剪的文本。
- string 使用给定的字符串来代表被修剪的文本。
- initial 设置为属性默认值。
- inherit 从父元素继承该属性值。<