gpt4 book ai didi

javascript - JS - 为什么在正常流程中 div 之间有空间

转载 作者:行者123 更新时间:2023-11-30 12:33:21 24 4
gpt4 key购买 nike

<分区>

我想根据容器 div 的大小并排放置两个 div。第二个 div 位于第一个 div 下方,因为它们之间不知何故有 4 个像素的间隙。为什么,更重要的是那是什么?边距、填充和边框为 0px 以使其更清晰。

<div id='container' width='300'>
<div id='left' width='150'></div>
<div id='right' width='150'></div>
</div>

我知道你可以使用 float 来实现目标,但我想知道原因。

JSFiddle here.

我还注意到,当我得到一个元素的 width() 时,我得到的数字与调试窗口中的数字不一样。有什么线索吗?

谢谢!

编辑:好的,我知道它们之间是一个 ' ',因为换行符。不过,它是“inline-block”还是“block”似乎并不重要。但是,将容器设置为显示为“flex”似乎是一种解决方案。

(也感谢您关于如何删除空格的建议,即使 div 之间有空格字符!由于声誉低,我仍然无法遗憾地投票......)

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