网页设计学习笔记

HTML,CSS,JavaScript

  博客园 :: 首页 :: 博问 :: 闪存 :: 新随笔 :: 联系 :: :: 管理 ::

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 属性

posted on 2012-04-06 20:49  zoho  阅读(565)  评论(0编辑  收藏  举报