HTML文本溢出如何显示

HTML文本溢出的显示可以通过以下几种方式实现：

1. 使用 `overflow` 属性：

`overflow: visible;`：默认值，内容超出边界不会隐藏，超出部分会显示在元素边界之外。

`overflow: hidden;`：超出部分会被隐藏。

`overflow: scroll;`：如果内容超出，会出现滚动条。

`overflow: auto;`：如果内容超出，会出现滚动条，如果没有超出则不显示滚动条。

2. 使用 `white-space` 属性：

`white-space: nowrap;`：文本不会换行，超出部分会被截断。

`white-space: pre;`：保留空白符和换行符，文本会根据空白符和换行符换行。

`white-space: pre-wrap;`：结合了 `pre` 和 `normal` 的特性，保留空白符，但会根据需要换行。

`white-space: normal;`：默认值，文本会根据容器自动换行。

3. 使用 `text-overflow` 属性：

`text-overflow: clip;`：默认值，文本超出部分会被截断，不显示省略号。

`text-overflow: ellipsis;`：文本超出部分会被截断，并且显示省略号（...）。

4. 使用 `word-wrap` 或 `word-break` 属性：

`word-wrap: break-word;`：允许在单词内部进行换行。

`word-break: break-all;`：允许在单词中间进行换行。

以下是一个简单的示例代码，演示如何使用这些属性来控制文本溢出：

```html