首页 手机数码内容详情

CSS white-space 属性

2022-03-29 52 zzx

white-space : pre;可以实现pre标签的效果呢!!!

浏览器接受任何浏览器都接受 white-space 属性。

注释:所有的版本的 Internet Explorer (包括 IE8)都不接受属性值 "inherit"。

官网定义和用法这种属性声明建立布局过程中怎么样处理元素中的空白符。值 pre-wrap 和 pre-line 是 css 2.1 中新增的。

默认值:

normal

继承性:

yes

版本:

CSS1

javaScript 语法:

object.style.whiteSpace="pre"

描述

normal

默认。空白会被浏览器忽略。

pre

空白会被浏览器保存。其行为方法类似 html 中的 pre 标签。

nowrap

文本不会换行,文本会在在同一行上继续,直到碰到 br 标签为止。

pre-wrap

保存空白符序列,但是正常地进行换行。

pre-line

合并空白符序列,但是保存换行符。

inherit

规定大概从父元素继承 white-space 属性的值。

实践理解pre-line

合并空格,保存换行符,允许全自动换行

normal

合并空格,换行符转化为一个空格,允许全自动换行

nowrap

合并空格,换行符转化为一个空格,不允许全自动换行

pre

保存空格,保存换行符,不允许全自动换行

pre-wrap

保存空格,保存换行符,允许全自动换行。

空白符

换行符

全自动换行

pre-line

合并

保存

允许

normal

合并

忽略

允许

nowrap

合并

忽略

不允许

pre

保存

保存

不允许

pre-wrap

保存

保存

允许