css单行溢出 |青岛真人版css

.text{
overflow: hidden; /*超出范围的文本隐藏*/
text-overflow: ellipsis; /*末尾显示省略号*/
white-space: nowrap; /*禁止换行*/
}

上面的代码段用到了三个属性：

1. overflow:控制内容溢出容器时如何处理，设置为hidden时，超出容器范围的内容会被隐藏。
2. text-overflow:控制文本溢出容器时如何显示省略号。设置为ellipsis时，超出容器范围以省略号表示。
3. white-space:控制空格如何处理以及禁止换行。设置为nowrap时，会禁止内容换行，使得文本只会在一行中显示。

使用这些属性，大家就能轻松地解决单行文本溢出的问题。