zoho

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

分类:

技术点:

相关文章:

  • 2021-11-27
  • 2021-12-15
  • 2022-12-23
  • 2021-10-24
  • 2021-06-04
  • 2022-12-23
  • 2021-09-16
  • 2021-07-31
猜你喜欢
  • 2021-11-22
  • 2021-12-26
  • 2021-12-26
  • 2021-09-15
  • 2022-12-23
  • 2022-02-05
相关资源
相似解决方案