HTML DOM Style whiteSpace 属性

星河暗恋记

Style whiteSpace 属性


定义和用法

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

语法

设置 whiteSpace 属性:


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

返回 whiteSpace 属性:


Object.style.whiteSpace

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


浏览器支持

HTML DOM Style whiteSpace 属性HTML DOM Style whiteSpace 属性HTML DOM Style whiteSpace 属性HTML DOM Style whiteSpace 属性HTML DOM Style whiteSpace 属性

所有主要浏览器都支持 whiteSpace 属性。

注意:IE7 及更早的版本不支持 "inherit" 值。IE8 只有规定了 !DOCTYPE 才支持 "inherit"。IE9 支持 "inherit"。


实例

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(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>


版权声明:本页面内容旨在传播知识,为用户自行发布,若有侵权等问题请及时与本网联系,我们将第一时间处理。E-mail:284563525@qq.com

目录[+]

取消
微信二维码
微信二维码
支付宝二维码