HTML DOM Style whiteSpace 属性

[

Style whiteSpace 属性
Style 对象

定义和用法

whiteSpace 属性设置或返回如何处理文本中的制表符、换行符和空格符。

语法

设置 whiteSpace 属性:

Object.style.whiteSpace="normal|nowrap|pre|inherit"

返回 whiteSpace 属性:

Object.style.whiteSpace

描述
normal 默认。自动忽略空格符和换行符。
nowrap 忽略空格符,但是不允许换行符。
pre 换行符和其他空格符会被保留。
inherit whiteSpace 属性的值从父元素继承。

浏览器支持

所有主要浏览器都支持 whiteSpace 属性。
注意:IE7 及更早的版本不支持 "inherit" 值。IE8 只有规定了 !DOCTYPE 才支持 "inherit"。IE9 支持 "inherit"。

实例

实例

保留文本中的换行符和空白符:


<!DOCTYPE html>

<html>

<head> 

<meta charset="utf-8"> 

<title>Break易站(runoob.com)</title> 

<script>

function displayResult(){

    document.getElementById("div1").style.whiteSpace="pre";

}

</script>

</head>

<body>


<div id="div1">

这 是一些  文本,这是 一 些 文 本。这   是

一   些文本,这   是一些    文 本 , 这 是   一些文 本。

</div>

<br>

<button type="button" onclick="displayResult()">保留换行符和空白符</button>


</body>

</html>

Style 对象

]
转载请保留页面地址:https://www.breakyizhan.com/html/22468.html

posted on 2020-07-05 11:53  MrAit  阅读(177)  评论(0编辑  收藏  举报

导航