Html 为什么六个空格和五个空格产生相同的效果?

Html 为什么六个空格和五个空格产生相同的效果?,html,blank-line,Html,Blank Line,为什么六个空格和五个空格产生相同的效果 <html> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;hello<br/>hello<br/> &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;hello<br/>hello<br/> </html> 用firefox打开它 效果不同。 2.仍然存在问题

为什么六个空格和五个空格产生相同的效果

<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/>
这里有五个空格,为什么网页上只显示三个空格


它清楚地表明了它的不同效果。
效果明显不同。但我认为“it_is_a_文学”的意思是为什么第一行的h从第二行的l开始。 我的答案是,不是每个字符都有相同的宽度或尺寸。例如,hello中的l比同一单词中的e占用的空间少


这项工作就像一个空格键。因此,有5个空格,而不是3个。

一个是在内容之前的一个额外空格。因此,它不能显示相同的结果。你可以使用纯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填充以达到所需的效果。

主字体系列没有每个字符的固定大小,例如:“l”比“l”细。换句话说,在hello中,5个空格的位置比5个字符的位置小

如果您需要使用规则的字符间距来制作ASCII art?,则应使用单空格字体系列(如Courrier或Lucida Console)和CSS类,如:

.单空间{ 字体系列:Courier New、Courier、monospace; }


这里有一个例子来说明不同之处。

效果不一样,仔细看,使用非比例字体,或者更好的是使用CSS。对不起,我的粗心。使用CSS中的左填充或左边距来进行这种缩进总是更好的。就PeterAronZentai而言,您可以使用标记获得单间隔输出,但这不是您想要的;按照别人的建议使用填充物。