gpt4 book ai didi

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

转载 作者:行者123 更新时间:2023-11-28 04:49:38 24 4
gpt4 key购买 nike

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

请注意,第一个实例中“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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com