CSS 中的 white-space 属性用于指定空白和换行的处理方式,适用于所有元素。它的取值有如下这些:
- normal
- 合并连续空白符,换行符也作为空白符,而且自动折行,这是默认值。
- nowrap
- 合并连续空白符,换行符也作为空白符,而且不自动折行。
- pre-line
- 合并连续空白符,保留换行符处的换行,而且自动折行。
- pre
- 保留所有空白符,保留换行符处的换行,而且不自动折行,类似于<pre>元素的行为。
- pre-wrap
- 保留所有空白符,保留换行符处的换行,而且自动折行。
例如,这个博客左侧栏的“阅读排行榜”和“评论排行榜”部分,默认情形每个 <li> 元素是自动折行的,然后在个人定制 CSS 区域中作了如下设置之后已经不自动折行了(顺便还调整了左侧栏的宽度):
#leftmenu div div ul li{
white-space: nowrap;
}
#leftmenu
{
width: 250px;
}
#main
{
margin-left: 250px;
}
参考资料:
[1] White space: the 'white-space' property
[2] CSS white-space 属性