为什么不同大小的文字有不同的排列

为什么文本有空间？我的目标是将文本与下面的文本对齐。

这里我做了什么： 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

谢谢你澄清问题！我想弄清楚一个解决方法 –

为什么不同大小的文字有不同的排列

回答

相关问题