解釋為什么在此內聯元素中空格消失了？

Question

請注意，在第一個實例中的“ l”后面有空白，而在第二個實例中則沒有空白。

如果有人可以指出一些說明這種行為的規范，那將是很好的？ 我找不到任何解釋？

Answer 1

每個“ a”元素本身都是獨立的。 對於聲明為下划線的每個元素，但您還定義了它們之間的邊距，因此有一個空格。

為了達到您的目標，您應該將它們包裝在容器中並在其中聲明下划線。

這是一個選項：

<body> 
  <div class="underline-me">
    <a id="one">
      expol
    </a>
    <a id="two">
      expol
    </a>
  </div>
</body>

對於CSS：

a{
  /* text-decoration: underline; */
  font-size: 4em;
  /* margin: 2px; */
}
.underline-me{
  text-decoration: underline;
}