white-space属性是用来处理控制空白显示的，比如换行等在浏览器中的显示方式。
先来介绍一下white-space属性可以取哪写值：
normal 默认。空白会被浏览器忽略。
pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
nowrap 文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。
pre-wrap 保留空白符序列，但是正常地进行换行。
pre-line 合并空白符序列，但是保留换行符。
inherit 规定应该从父元素继承 white-space 属性的值。
下面是一个nowrap取值下p标签中文本的显示实例：
[CSS在线]-示例代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>CSS在线-示例</title>
<style type="text/css">
p{white-space: nowrap}
</style>
</head>
<body>
<p>
CSS在线nowrap。
CSS在线nowrap。
CSS在线nowrap。
CSS在线nowrap。
CSS在线nowrap。
CSS在线CSS在线
CSS在线nowrap。
CSS在线
CSS在线
CSS在线
CSS在线</p>
</body>
</html>
在上面的实例中，浏览器因为文本不换行出现了滚动条，而没有设置nowrap属性的效果是，浏览器不会出现这个滚动条，文本会根据浏览器宽度的大小自动换行，如下：
[CSS在线]-示例代码<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
<head>
<title>CSS在线-示例</title>
<style type="text/css">
p{}
</style>
</head>
<body>
<p>
CSS在线nowrap。
CSS在线nowrap。
CSS在线nowrap。
CSS在线nowrap。
CSS在线nowrap。
CSS在线CSS在线
CSS在线nowrap。
CSS在线
CSS在线
CSS在线
CSS在线</p>
</body>
</html>
CSS中white-space属性介绍：目前有0条评论