css|white-spacing

white-space属性

支持的值：

• pre : 文本支持所有的换行和空格
• pre-line : 文本支持换行，且会忽略掉多余的空格
• pre-wrap : 文本仅在必要的时候或者行的结尾换行，与pre的区别在于他增加了额外的换行符，防止文本溢出元素的框

HTML代码

<p class='normal'>
这一段 文本将 为你展示不适用 属性   
是如何 在网页中      显示的
做对比！
</p>
<p class='p-pre'>
文本支持所有 的    空格和
换行。
</p>
<p class="p-preline"> 
文本支持换行
但是  会 忽略掉 多余    空格
</p>

<p class="p-prewrap"> 
文本只在 必要的时候      或者说行的结尾
换行
</p>

CSS代码

p.p-pre{
    //设置white-space属性值
    white-space:pre;
}
p.p-preline {
   white-space: pre-line;
}
p.p-prewrap {
   white-space: pre-wrap;
}

效果