html - 解释为什么空白在这个内联元素中消失了？

请注意，第一个实例中“l”后有空格，而第二个实例中没有。

如果有人能指出一些解释这种行为的规范，那会很棒吗？我找不到任何解释？

最佳答案

每个“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;
}

关于html - 解释为什么空白在这个内联元素中消失了？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/40781414/