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>鱼C-零基础入门学习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 |