多个div使用display:inline-block时候div之间有间隔

发布网友发布时间：2022-05-11 06:59

共4个回答

懂视网时间：2022-05-11 11:21

在学习inline-block时我发现多个有border、inline-block的div的间距会根据编程的写法有差异，当书写为：

代码如下:
<div>.......</div>
<div>.......</div>

这时div之间是无间距的。

若书写为：

代码如下:
<div>.......</div><div>
.......</div>

这时div之间是有间距的。

热心网友时间：2022-05-11 08:29

你是不是这样写的？
<div><div>
<div><div>
<div><div>

如果是这样，换成
<div></div><div></div><div></div>把空格和换行去掉试试

热心网友时间：2022-05-11 09:47

不要这样写<div style="display:inline-block"></div>

热心网友时间：2022-05-11 11:21

去看看inline-block的前世今生！你就了解了。。。

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。E-MAIL:11247931@qq.com