CSS white-space

Myth丶恋晨 2022-12-17 01:18 534阅读 0赞

在html里面多余的空格和换行都是无效的,如果想展示格式话的数据,就需要用到css 的 white-space属性了。


white-space 给了 6个值供我们选择以应对不能同的场景




























normal 默认。空白会被浏览器忽略。
pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。
pre-wrap 保留空白符序列,但是正常地进行换行。
pre-line 合并空白符序列,但是保留换行符。
inherit 规定应该从父元素继承 white-space 属性的值。

归纳一下














































white-space属性 源码空格 源码换行 <br>换行 容器边界换行
normal 合并 忽略 换行 换行
nowrap 合并 忽略 换行 不换行
pre 保留 换行 换行 不换行
pre-wrap 保留 换行 换行 换行
pre-line 合并 换行 换行 换行

发表评论

表情:
评论列表 (有 0 条评论,534人围观)

还没有评论,来说两句吧...

相关阅读