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;
}
效果
版权声明:
作者:RHZ
链接:https://www.rhzhz.cn/?p=1080
来源:RHZ | 用文字记录工作和学习生活
文章版权归作者所有,未经允许请勿转载。
THE END
0
二维码
海报
css|white-spacing
white-space属性
支持的值:
pre : 文本支持所有的换行和空格
pre-line : 文本支持换行,且会忽略掉多余的空格
pre-wrap : 文本仅在必要的时候或者行的结尾换……
共有 0 条评论