CSS white-space 控制空白和换行

0
(0)

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

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

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

这篇文章有用吗?

平均评分 0 / 5. 投票数: 0

到目前为止还没有投票!成为第一位评论此文章。

很抱歉,这篇文章对您没有用!

让我们改善这篇文章!

告诉我们我们如何改善这篇文章?

分类:

发表评论

您的电子邮箱地址不会被公开。

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