爲什麼不同大小的文字有不同的排列

爲什麼文本有空間？我的目標是將文本與下面的文本對齊。

這裏我做了什麼： CSS

.btn-basic { 
    font-size: 5.8em; 
    white-space: nowrap; 
    border: medium none; 
} 

.btn-basic p { 
    font-size: 0.3em; 
    line-height: 1.0em; 
    white-space: nowrap; 
}

HTML

<div class="btn-basic"> 
    FREE WI-FI 
    <p>Gratis. Senza limiti. Anche in streaming.</p> 
</div>

來源

2016-04-14 Nonsono Statoio

你已經對它們進行了不同的設計，所以邊距有點不同，試着給它填充/邊距。 –

文本上沒有保證金，只有容器中的填充。但我已經嘗試過，沒有任何事情要做。 –

正如@Paulie_D所示，它可能是一個字形「問題」。你是否試圖突出顯示「F」來檢查它是否屬實？ – Amessihel

因爲字符字形有他們周圍的空間，使他們不對接起來反對其它字符。

參見：

span { 
 
    font-size: 144px; 
 
    color: white; 
 
    background: #000; 
 
    font-family: sans-serif; 
 
}

<span>F</span> 
 
<span>G</span> 
 
<span>FG</span>

即 '空間' 可以是用於每個字形（和字體家族）不同。將其與您正在使用的字體大小相結合，即可獲得您當前正在體驗的效果。

遺憾的是，很少有你可以做些什麼。

來源

2016-04-14 09:59:35

謝謝你澄清問題！我想弄清楚一個解決方法 –

爲什麼不同大小的文字有不同的排列

回答

相關問題