CSS空白white-space CSSwhite-space|CSS2

本文概述

CSS空白值
CSS空白示例

【CSS空白white-space】CSS空格属性用于指定如何显示元素中的内容。它用于处理元素内部的空白。
CSS空白值有许多空白值可用于显示元素内的内容。

值	描述
normal	这是默认值。使用此值时, 在必要时将文本换行。空白序列将折叠为单个空白。
nowrap	空白序列将折叠为单个空白。在此值下, 文本将永远不会换行到下一行, 只有在使用< br> 标记时才会中断。
pre	空白由浏览器保留。它就像html < pre> 标签一样。文本只会在换行符上换行。
pre-line	空白序列将折叠为单个空白。必要时将文本换行, 并在线换行。
pre-wrap	空白由浏览器保留。必要时将文本换行, 并在线换行。
initial	它将此属性设置为其默认值。
inherit	它从其父元素继承此属性。

CSS空白示例

< !DOCTYPE html> < html> < head> < style> p { white-space: nowrap; } < /style> < /head> < body> < p> Write some text..Write some text..Write some text.. Write some text..Write some text..Write some text.. Write some text..Write some text..Write some text.. Write some text..Write some text..Write some text.. Write some text..Write some text..Write some text.. < /p> < /body> < /html>