Question

为什么六个空白和五个空白会产生相同的效果？

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

用firefox打开它。

效果不同。

2.还有问题

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

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

Answer 1

它清楚地表明它的效果不一样。

Answer 2

在您的内容之前，一个额外的空间。所以它不能显示相同的结果。你可以使用纯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 3

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

Answer 4

效果不明显。但我认为@it_is_a_literature意味着为什么第一行中的“h”从第二行的第二个“l”开始。我的答案是，并非每个角色都有相同的宽度或尺寸。例如。 hello中的“l”占用的空间比同一个单词中的“e”少。

“”就像一个空格键。所以有5个空格而不是3个。

Answer 5

主要字体系列对于每个字符都没有常规尺寸（例如：'l'比'L'更薄）。换句话说，在“你好”中，5个空格比5个字符小。

如果您需要常规字符间距（制作ASCII艺术？），您应该使用等宽字体系列，例如 Courrier 或 Lucida控制台像这样的CSS类：

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

这是一个Plunker sample，可以看到差异。

为什么六个空白和五个空白会产生相同的效果？

5 个答案: