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