问答详情
源自:13-4 起飞咯 - 浮动模型

display:inline-block和float的区别?

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

提问者:我允我允 2016-08-19 16:54

个回答

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

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

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


  • 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好像默认的有空格或者换行符