要在文本中处理制表符,换行符和空格,请使用JavaScript中的whitespace 属性。设置值normal,nowrap,pre等。设置pre时,它的作用类似于<pre>标记。文本只会换行。
您可以尝试运行以下代码,以了解如何使用JavaScript中的whitespace 属性
<!DOCTYPE html>
<html>
<head>
<style>
#box {
width: 300px;
height: 100px;
border: 2px solid black;
background-color: gray;
}
</style>
</head>
<body>
<button onclick="display()">Set</button>
<div id="box">
This is Demo Text.
This is Demo Text.
This is Demo Text.
This is Demo Text.
This is Demo Text.
</div>
<script>
function display() {
document.getElementById("box").style.whiteSpace = "pre";
}
</script>
</body>
</html>