在这里可可不可以不要float:left; 而是直接将div标签改为{display:inline或者inline-block}?

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

weibo_长的不帅怪我咯v_0

2017-02-27 15:42

在这里可可不可以不要float:left; 而是直接将div标签改为{display:inline或者inline-block}?

然后div变为内联元素,使他们变成一行http://img.mukewang.com/58b3d8510001bc9b09850538.jpg

写回答 关注

3回答

  • 慕粉1840084516
    2017-02-27 16:06:33
    已采纳

    display:inline是把块级元素设置成行级元素,设置完后他是能分布在同一行 ,但他不具备块级 元素的属性,就不能设置高度,宽度,行间距了,

    display:inline-block是把块级元素设置成行级元素,自身也还具备块级元素的属性,但好像不能单独设置属性,设置一个属性,另一个也跟着变。

    float:left是把子元素从父级元素中脱离出来,单独占据一层,自身块级属性不变,还可以继续单独设置

    weibo_...

    非常感谢!

    2017-02-27 19:10:47

    共 1 条回复 >

  • 卡溜灰
    2017-02-27 16:02:06

    完全可以啊,display:inline或者inline-block就已经让他失去了本身块级元素的display:block属性跟设置float一样的

  • sunearth
    2017-02-27 15:58:19

    可以的

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

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

1225812 学习 · 18234 问题

查看课程

相似问题