加一个样式：
<pre ></pre>
利用<pre></pre>这个标签可以将其包起来的文字排版、格式，原封不动的呈现出来。也就是说你输入的东西被原封不动的输出,包括你输入的空格之类的，不用和<BR>等来表示空格或者回车了。但是，默认情况下，…
<pre>元素可定义预格式化的文本。被包围在pre元素中的文本通常会保留空格和换行符。而文本也会呈现为等宽字体。<pre>标签的一个常见应用就是用来表示计算机的源代码。而我们经常碰到的一个问题是如果一个代码上碰到有图…
当我们PHP调试的时候，用var_dump或print_r打印json数据或array数组时，html页面没有换行显示，看到的内容一大堆，不好定位。输出前添加<pre>，便可以自动格式化换行显示。print_r("<pre…
word-break:break-all;
我们在写页面代码的时候，有时把一个表格的宽度定死后会出现里面的文字不见了，特别是英文。这就是他换行了所导致的，这时我们就需要加些CSS元素让它来听我们的话！根据自己以往的经验，也参考了些网上的文章，具体如下：强制不换行div{white-s…
如何想让一连串文字在显示可以自动换行，而不会把在代码中使用的容器撑开，则在文章的CSS样式处加上以下代码即可：table-layout:fixed;word-wrap:break-word;或者table-layout:fixed;word…
1、自动换行div{word-wrap:break-word;word-break:normal;}2、不换行div{white-space:nowrap;}3、浮动效果不换行#pic{float:left;width:920px;marg…
强制不换行div{white-space:nowrap;}自动换行div{word-wrap:break-word;word-break:normal;}强制英文单词断行div{word-break:break-all;}word-wrap…