css text-overflow属性处理文本溢出

CSS的text-overflow属性是用来处理文本溢出的。它可以在容器溢出时显示省略号，或者显示指定的文本，以便更好地控制文本的显示。

使用方法

使用text-overflow属性，需要先给容器设定宽度，并且需要设置overflow属性为hidden，white-space为nowrap，以便文本不换行，超出容器的文本被隐藏。

.container {
  width: 200px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

text-overflow属性有三个可选的值：clip，ellipsis和string。

• clip：默认值，文本溢出时，文本被截断，不显示任何符号。
• ellipsis：文本溢出时，文本后面显示省略号（...）。
• string：文本溢出时，文本后面显示指定的文本，如：

text-overflow: 'My Text';

当文本溢出时，文本后面显示“My Text”。

text-overflow属性只能用于单行文本，多行文本无法使用。

CSS的text-overflow属性可以有效地控制文本溢出时的显示，它有三个可选的值，但只能用于单行文本。