不用pre这个属性如何解决html？自动换行问题

white-space，控制空白字符的显示，同时还能控制是否自动换行。它有五个值：normal | nowrap | pre | pre-wrap | pre-line

word-break，控制单词如何被拆分换行。它有三个值：normal | break-all | keep-all

word-wrap（overflow-wrap）控制长度超过一行的单词是否被拆分换行，是word-break的补充，它有两个值：normal | break-word

white-space

先看下white-space:nowrap时的情况：

不仅空格被合并，换行符无效，连原本的自动换行都没了！只有</br>才能导致换行！所以这个值的表现还是挺简单的，我们可以理解为永不换行。

white-space:pre：

空格和换行符全都被保留了下来！不过自动换行还是没了。保留，所以pre其实是preserve的缩写，这样就好记了。

white-space:pre-wrap：

显然pre-wrap就是preserve+wrap，保留空格和换行符，且可以自动换行。

white-space:pre-line：

空格被合并了，但是换行符可以发挥作用，line应该是new line的意思，自动换行还在，所以pre-line其实是preserve+new line+wrap。

可以放在<pre></pre>之间，在此标签之间的代码会原封不动的呈现出来，在此标签之间的换行符直接有效，不用<br>，若不用<pre>标签，目前好像没有更好的单纯换行的标签，除非文字自动换行，再就是放在DIV、SPAN等等容器中，用CSS定义容器，我想那样就不单纯是换行那么简单的问题了

---