为什么不同大小的文本有不同的对齐方式

Question

我有这种行为：

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

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

Answer 1

因为字符字形周围有空格所以它们不会与其他字符对接。

请参阅：

＆＃13;

＆＃13;

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

那个空间＆＃39;每个字形（和字体系列）可能不同。将其与您正在使用的字体大小相结合，即可获得当前遇到的效果。

不幸的是，你无能为力。