gpt4 book ai didi

html - 为什么我的 float 跨度标签更大而不是其内容的大小?

转载 作者:行者123 更新时间:2023-11-28 02:55:18 25 4
gpt4 key购买 nike

我有三个 span 标签,前两个 span 标签分别向左浮动和向右浮动。

但是 float 的 span 标签变得比它的内容大小要大。

我需要像第三个 span 标签一样的 float span 标签大小,就像它的内容的大小一样。

<!DOCTYPE html>
<html>

<body>
<div>
<span class="a">ddd</span>
<span class="b">abc</span>
</div>
<br/>
<span class="c">fff</span>
<style>
div{
height: 50px;
line-height: 50px;
width:100%;
}
.a{
float: left
}
.b{
float: right;
}
.b,.a,.c{
background: red;
}
</style>
</body>

</html>

最佳答案

前两个 spandiv 中,带有 line-height设置。

spaninline elements .

它们的高度与它们所在的线一样高。

删除line-height,你就可以开始了。

关于html - 为什么我的 float 跨度标签更大而不是其内容的大小?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/46488489/

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