CSS white-space
CSS white-space
CSS white-space属性用于指定如何显示元素内的内容。
用于处理元素内的空白。
用于处理元素内的空白。
CSS white-space值
有很多white-space值可用于显示元素内的内容。
| 值 | 说明 |
| normal | 这是默认值。使用此值时，在必要时将文本换行。空白序列将折叠成一个空白。 |
| nowrap | 空白序列将折叠为一个空白。在此值下，文本永远不会换行到下一行，只有在使用<br>标记时才会中断。 |
| pre | 空白由浏览器保留。它就像html <pre>标签一样，文本只会在换行符上换行。 |
| pre-line | 空白序列将折叠为单个空白。文本会在必要时进行换行，并在线换行。 |
| pre-wrap | 空白由浏览器保留。文本会在必要时进行换行，并在线换行。 |
| initial | 它将此属性设置为其默认值。 |
| inherit | 它从其父元素继承了此属性。 |
CSS white-space示例
<!DOCTYPE html>
<html>
<head>
<style>
p {
white-space: nowrap;
}
</style>
</head>
<body>
<p>
这是一段内容...这是一段内容...这是一段内容...这是一段内容...
这是一段内容...这是一段内容...这是一段内容...这是一段内容...
</p>
</body>
</html>
输出：
这是一段内容...这是一段内容...这是一段内容...这是一段内容... 这是一段内容...这是一段内容...这是一段内容...这是一段内容...