css控制文本实现越界省略号以及自动换行

对于文本溢出的情况，我们通常会使用`.text-overflow`类来定义样式。这段样式确保了文本在一个固定的宽度内展示，如果内容超出了这个宽度，多余的文本将会被隐藏，并在末尾显示省略号（...）。这种样式在处理长文本或自动换行的需求时非常有用。例如：

```css

.text-overflow {

display: block; / 作为内联对象时需要设置为块级元素 /

width: 31em; / 定义宽度 /

word-break: keep-all; / 不允许单词断开换行 /

white-space: nowrap; / 文本不换行 /

overflow: hidden; / 隐藏超出容器的内容 /

text-overflow: ellipsis; / 当文本溢出时显示省略号 /

}

```

```css

table {

}

td {

width: 100%; / 单元格宽度为100% /

word-break: keep-all; / 不允许单词断开换行 /

white-space: nowrap; / 文本不换行 /

overflow: hidden; / 隐藏超出单元格的内容 /

text-overflow: ellipsis; / 当单元格内文本溢出时显示省略标记(...) /

}

```