display:inline-block和float的区别?

来源:13-4 起飞咯 - 浮动模型

我允我允

2016-08-19 16:54

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

写回答 关注

5回答

  • jxcvd3728307
    2016-08-19 17:24:48
    已采纳

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

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


    我允我允

    非常感谢!

    2016-08-22 09:38:35

    共 1 条回复 >

  • jxcvd3728307
    2016-08-19 17:25:45

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

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


  • 慕粉3823224
    2016-08-19 17:23:36

    用margin属性,笔误

  • 慕粉3823224
    2016-08-19 17:22:37

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

  • 慕粉3842741
    2016-08-19 17:20:31

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

    我允我允

    但是用了 margin:0px;之后还是有。

    2016-08-19 17:26:04

    共 1 条回复 >

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

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

1225293 学习 · 18230 问题

查看课程

相似问题