CSS教程
CSS进阶

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>
输出:

这是一段内容...这是一段内容...这是一段内容...这是一段内容... 这是一段内容...这是一段内容...这是一段内容...这是一段内容...

昵称: 邮箱:
Copyright © 2022 立地货 All Rights Reserved.
备案号:京ICP备14037608号-4