CSS white-space(空白)

由网友 大卫 发布 阅读 6

CSS white-space(空白)

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>
测试看看‹/›

CSS Alignment(元素对齐) CSS Layers(层级)