CSS white-space 控制空白和换行

以前只是记得在某些样式中需要控制换行似乎才用这个样式,今天我才知道这个属性有这么多的属性值可以设置,其实这个样式关注的是对空白和换行符的处理,尤其是几个pre开头的值,非常的实用啊,对于保留空格效果是很有用的,保证格式的同时又可以保证html 标签能够解析:

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

真正的对连续非中日韩字体换行应该使用样式word-break:break-all;表示在单词内任意位置都可以换行,还有一个另外的值是keep-all表示只有在空格或者是连字符时才可以换行。

Leave a Comment

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据