html whitespace属性,HTML Style whiteSpace用法及代码示例

HTML DOM中的Style whiteSpace属性用于设置文本内容的空白。它返回给文本的空白属性。

用法:

它返回whiteSpace属性。object.style.whiteSpace

它用于设置whiteSpace属性。object.style.whiteSpace = "normal|nowrap|pre|initial|inherit"

属性值：

normal:它用于将空白折叠为单个空白并包装文本。这是默认值。

nowrap:它用于将空白折叠为单个空白，并且没有文本换行。

pre:它用于定义预格式化的文本。

pre-line:它用于将空格折叠为单个空格并将文本包装在行制动器上。

pre-wrap:它用于保留空格并将文字换行。

intial:它将whiteSpace属性设置为其默认值。

inherit:此属性从其父元素继承。

返回值：它返回一个表示元素的whiteSpace属性的字符串。

范例1：

DOM Style whiteSpace Property

GeeksForGeeks

DOM Style whiteSpace Property

A Computer science portal for geeks

A Computer science portal for geeks

Change

function geeks() {

document.getElementById("gfg").style.whiteSpace

= "pre-line";

}

输出：

之前单击按钮：

单击按钮后：

范例2：

DOM Style whiteSpace Property

GeeksForGeeks

DOM Style whiteSpace Property

A Computer science portal for geeks

A Computer science portal for geeks

Change

function geeks() {

document.getElementById("gfg").style.whiteSpace

= "pre-wrap";

}

输出：

之前单击按钮：

单击按钮后：

支持的浏览器：下面列出了DOM Style whiteSpace属性支持的浏览器：

苹果Safari

谷歌浏览器

Firefox

IE浏览器

Opera