HTML(28)——空间转换

在HTML中，可以使用CSS的white-space属性来控制空白字符的显示方式。如果你想要保留HTML源代码中的空格和换行，并且在页面上保持这些空间，可以将white-space属性设置为pre或pre-wrap。

例如：




<!DOCTYPE html>
<html>
<head>
<style>
.preformatted {
  white-space: pre-wrap; /* 保留空格和换行，并允许自动换行 */
}
</style>
</head>
<body>
 
<div class="preformatted">
  这是一个保留了空格和换行的段落。
      这些空格和换行将在页面上保持不变。
</div>
 
</body>
</html>

在这个例子中，div元素中的文本会保留源代码中的空格和换行，并且在浏览器中显示时也会保持这些空间。pre-wrap值允许文本在达到容器的边缘时自动换行。如果你不希望文本自动换行，可以使用pre值。

HTML(28)——空间转换

评论已关闭

推荐阅读