解释为什么白色空间在这个内联元素中消失了?

时间:2016-11-24 08:36:27

标签: html css html5 css3

http://jsbin.com/sedisuhigo/edit?output

注意在第一个实例中“l”之后有空格,而第二个实例中没有空格。

如果有人可以指出一些解释这种行为的规范,那将会很棒吗?我找不到任何解释?

1 个答案:

答案 0 :(得分:0)

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