text-overflow
属性用于定义当文本溢出其容器时如何处理。通常与white-space: nowrap
结合使用,以防止文本换行。可以使用以下值:
clip
:裁剪溢出的文本。ellipsis
:在溢出的文本末尾显示省略号。string
:在溢出的文本末尾显示自定义字符串。例如,下面的CSS代码将为超出div
元素宽度的文本添加省略号:
div {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
这将使文本在容器内水平滚动,并在末尾显示省略号,以表示有更多文本可用。
重要关键词:text-overflow
、clip
、ellipsis
、string
、white-space: nowrap
。