Web速查-索引

white-space

定义

white-space 属性设置如何处理元素内的空白。

语法

white-space:normal|pre|nowrap|pre-wrap|pre-line|inherit;

属性值

描述
normal 默认。空白会被浏览器忽略。
pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。
nowrap 文本不会换行,文本会在在同一行上继续,直到遇到 <br> 标签为止。
pre-wrap 保留空白符序列,但是正常地进行换行。
pre-line 合并空白符序列,但是保留换行符。
nherit 规定应该从父元素继承 white-space 属性的值。

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>NTHOME-零基础入门学习Web(HTML5+CSS3)</title>
<style>
p
{
/*规定段落中的文本不进行换行*/
white-space:nowrap;
}
</style>
</head>
<body>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus beatae debitis deleniti doloremque ea eveniet laboriosam magnam maiores nulla omnis pariatur quas quo recusandae repellat sapiente temporibus tenetur, voluptatibus voluptatum.
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda deleniti dolor earum eos error, est, ex inventore odit, provident quasi qui tempore vitae voluptatibus? Asperiores incidunt magnam nesciunt provident sit!
</p>
</body>
</html>

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Accusamus beatae debitis deleniti doloremque ea eveniet laboriosam magnam maiores nulla omnis pariatur quas quo recusandae repellat sapiente temporibus tenetur, voluptatibus voluptatum. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Assumenda deleniti dolor earum eos error, est, ex inventore odit, provident quasi qui tempore vitae voluptatibus? Asperiores incidunt magnam nesciunt provident sit!

浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号

Safari Chrome FireFox IE
1.0 1.0 1.0 4.0