                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /初识HTML(5)+CSS(3)-升级版

display:inline-block和float的区别？

为什么display:inline-block后，两个div之间会有空隙？而用float就没有？

我允我允

2016-08-19

源自：初识HTML(5)+CSS(3)-升级版 13-4

关注问题我要回答

1682

操作

收起

5 回答

jxcvd3728307 回答被采纳 +3 积分
2016-08-19

空白（Whitespace）：inline-block包含html空白节点。如果你的html中一系列元素每个元素之间都换行了，当你对这些元素设置inline-block时，这些元素之间就会出现空白。而浮动元素会忽略空白节点，互相紧贴

这是我百度的...其实也没弄很懂你可以百度去看看呀好像有更多解释...

0 回复有任何疑惑可以回复我~

收起回答

我允我允提问者

非常感谢！

2016-08-22 回复有任何疑惑可以回复我~

jxcvd3728307
2016-08-19

这是我百度的...也没有弄多明白...你可以去百度试试，有更多的解释...

0 回复有任何疑惑可以回复我~

收起回答

慕粉3823224
2016-08-19

用margin属性，笔误

0 回复有任何疑惑可以回复我~

收起回答

慕粉3823224
2016-08-19

没道理啊元素之间的空隙是由margin元素决定的

0 回复有任何疑惑可以回复我~

收起回答

慕粉3842741
2016-08-19

inline-block好像默认的有空格或者换行符

0 回复有任何疑惑可以回复我~

收起回答

我允我允提问者

但是用了 margin：0px；之后还是有。

2016-08-19 回复有任何疑惑可以回复我~

0/150

提交

取消

初识HTML(5)+CSS(3)-升级版

参与学习 1225297 人
解答问题 18230 个

HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义

进入课程

本课相似问答

1 回答请问浮动与display:inline-block;的区别

5 回答关于display:inline和display:inline-block的问题

1 回答float和inline-block的區別？

1 回答浮动模型与display:inline的区别

3 回答inline与float区别

搜索更多本课相关问答

display:inline-block和float的区别？

我要回答关注问题

热搜

最近搜索清空

display:inline-block和float的区别？

5 回答

本课相似问答

display:inline-block和float的区别？