http://jsbin.com/sedisuhigo/edit?output
注意在第一个实例中“l”之后有空格,而第二个实例中没有空格。
如果有人可以指出一些解释这种行为的规范,那将会很棒吗?我找不到任何解释?
答案 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;
}