爲什麼六個空格和五個空格會產生相同的效果？

-3

爲什麼六個空格和五個空格會產生相同的效果？爲什麼六個空格和五個空格會產生相同的效果？

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

用firefox打開它。

的是不同的效果。

2.still問題的

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

有五個空格這裏，爲什麼在網頁上顯示的只有三個空白？

來源

2016-01-03 it_is_a_literature

這不是「相同的效果」，看起來更接近 – Mat

使用非比例字體，或者更好的是使用CSS。 – SwiftArchitect

效果並不明顯相同。但我認爲@it_is_a_literature的意思是爲什麼從第二行的第二個「l」開始的第一行中的「h」。我的答案是，並非每個人物都有相同的寬度或尺寸。例如。 hello中的「l」在同一個單詞中佔用的空間少於「e」。

「」就像空格鍵一樣工作。所以有5個空格不是3.

來源

2016-01-06 09:40:58

它確實取決於字體..等寬字體與可變間距字體.... –

「The」像空格鍵一樣工作 - 它的經典:) –

對於PeterAronZentai的觀點，您可以使用''標籤來獲得等寬輸出（但這不是您想要的;使用其他人認爲的填充）。 –

它清楚地顯示出其效果也不一樣。

來源

2016-01-03 14:04:35

對不起我的疏忽。 –

在CSS中使用padding-left或margin-left來做這種縮進比較好。 – cytsunny

其中一個& nbsp是您的內容之前的一個額外空間。所以它不能顯示相同的結果。你可以使用純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>

輸出：

乾杯！

來源

2016-01-07 21:11:05 Bishop

使用 不是一個好方法。而是使用css填充來達到所需的效果。

來源

2016-01-11 06:52:45 Rovi

對於每個字符，主字體家族沒有規則大小（例如：「l」比「L」更薄）。換句話說，在「你好」中，5個空格佔用了小於5個字符的地方。

如果您需要經常字符間距（使ASCII藝術？），你應該使用等寬字體家族像信使或龍力控制檯用CSS類，像這樣：

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

這裏是一個Plunker sample看到的差異。

來源

2016-01-12 23:23:19 kewwwa

爲什麼六個空格和五個空格會產生相同的效果？

回答

相關問題