为什么六个空格和五个空格会产生相同的效果？
<html>
hello<br/>hello<br/>
hello<br/>hello<br/>
</html>
用火狐打开它。
2.仍然有问题
hello<br/>hello<br/>
这里有五个空格，为什么网页上只显示三个空格？
它清楚地表明了它不一样的效果。
一个 是您的内容之前的一个额外空间。所以它不能显示相同的结果。您可以为此使用纯 css。
<html>
<body>
<div style='padding-left:0px;'>Hello</div>
<div style='padding-left:50px;'>Hello</div>
<div style='padding-left:25px;'>Hello</div>
<div style='padding-left:0px;'>Hello</div>
</body>
</html>
输出：
干杯!
使用 不是一个好方法。而是使用 css 填充来实现所需的效果。
效果显然不是一样的。但我认为@it_is_a_literature 的意思是为什么第一行中的“h”从第二行的第二个“l”开始。我对此的回答是，并非每个字符都有相同的宽度或尺寸。例如。hello 中的“l”比同一个词中的“e”占用的空间少。
" " 的作用类似于空格键。所以有 5 个空格而不是 3 个。
主要字体系列没有每个字符的常规大小（例如：'l' 比 'L' 薄）。换句话说，5 个空格比“hello”中的 5 个字符小。
如果您需要常规字符间距（制作 ASCII 艺术？），您应该使用像Courier或Lucida Console这样的等宽字体系列和这样的 CSS 类：
.monospace {
font-family: "Courier New", Courier, monospace;
}
这是一个Plunker 示例以查看差异。