本文概述
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>
评论前必须登录!
注册