<!DOCTYPE html>
<html>
<head>
<style>
p.a { white-space: nowrap;
}
p.b { white-space: normal;
}
p.c { white-space: pre;
}
</style>
</head>
<body>
<h1>white-space 属性</h1>
<h2>white-space: nowrap:</h2>
<p class="a">
这是一些文字。 这是一些文字。 这是一些文字。
这是一些文字。 这是一些文字。 这是一些文字。
这是一些文字。 这是一些文字。 这是一些文字。
这是一些文字。 这是一些文字。 这是一些文字。
</p>
<h2>white-space: normal:</h2>
<p class="b">
这是一些文字。 这是一些文字。 这是一些文字。
这是一些文字。 这是一些文字。 这是一些文字。
这是一些文字。 这是一些文字。 这是一些文字。
这是一些文字。 这是一些文字。 这是一些文字。
</p>
<h2>white-space: pre:</h2>
<p class="c">
这是一些文字。 这是一些文字。 这是一些文字。
这是一些文字。 这是一些文字。 这是一些文字。
这是一些文字。 这是一些文字。 这是一些文字。
这是一些文字。 这是一些文字。 这是一些文字。
</p>
</body>
</html>