为什么六格和五格效果一样？

Question

为什么六格和五格效果一样？

<html>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;hello<br/>hello<br/>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;hello<br/>hello<br/>
</html>

用火狐打开

效果不一样。

2.still

的问题

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;hello<br/>hello<br/>

这里有五个空格，为什么网页上只显示三个空格？

Answer 1

很明显是不一样的效果。

Answer 2

效果明显不一样。但我认为@it_is_a_literature 的意思是为什么第一行的 "h" 从第二行的第二个 "l" 开始。我的回答是，并非每个字符都具有相同的宽度或尺寸。例如。 hello 中的 "l" 比同一个词中的 "e" 占用的 space 少。

“ ”的作用类似于 space 栏。所以有 5 space 不是 3.

Answer 3

一个是在您的内容之前额外 space。所以它不能显示相同的结果。您可以为此使用纯 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>

输出：

干杯！

Answer 4

使用  不是一个好的方法。而是使用 css 填充来达到所需的效果。

Answer 5

主要字体系列没有每个字符的常规大小（例如：'l' 比'L' 更细）。也就是说，5个空格比"hello".

中的5个字符占用的空间小

如果您需要规则的字符间距（制作 ASCII 艺术？），您应该使用 monospace 字体系列，例如 Courrier 或 Lucida Console 和 CSS class 像这样：

.monospace { font-family: "Courier New", Courier, monospace; }

这里有一个Plunker sample可以看出区别。

为什么六格和五格效果一样？

Why six blanks and five blanks result in same effect?

html

blank-line