解释为什么在此内联元素中空格消失了？

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;
}