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。