css文本换行属性word-wrap和white-space使用总结

今天遇到了一个关于文本内容不换行的问题，经过一番研究，终于弄清楚了背后的原因。这涉及到HTML中的两个属性：white-space和word-wrap。让我为大家详细解释一下。

white-space属性默认设置为normal，这意味着文本会自动换行。当设置为nowrap时，文本就不会自动换行了，即使文本内容超出了容器的宽度。这对于保持特定格式的文本非常有用。

接下来是word-wrap属性，它决定了当文本超出容器边界时如何处理。word-break:break-all和word-wrap:break-word这两个属性都与强制换行有关。前者会在英文字符过长时自动截断，后者则允许整个英文单词换行。这对于控制文本布局非常有帮助。

在实际应用中，我经常会使用这样的组合：word-wrap:break-word和overflow:hidden。这种组合在IE浏览器下表现良好，没有任何问题。但在Firefox浏览器中，如果文本过长超出容器，可能会被遮挡，用户无法看到完整的内容。

复制代码并粘贴到HTML文档中：

```html

```