块状元素转换成内联元素和float:。。浮动布局!

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

qq_水无声_03882251

2016-09-02 22:55

既然内联元素可以横向并排布局,为什么不把块状元素通过display:inline转换成内联元素,而要用到float:left/right呢? 这两种方式都可以达到横向并排布局的效果啊!为什么要多出一个float:。。。。??????

写回答 关注

2回答

  • 慕粉4114772
    2016-10-05 22:48:51

    我刚好也想到了这个问题,但不知道在实际中,各有何优劣?

    能想到的一点就是如果设置成float,当用户在调整浏览器大小时,他能自我移动,减小width的情况下,原来的一行可能成为显示上的多行。

    而如果是inline的话,还是原来的一行,会出现横向的拉条?(未测试验证)

    慕粉4114...

    另外,如果存在后期维护,把body这种容器元素的width改变了,那么会出现: float:自我适应度高,代码可维护性好。 inline:极可能再次更改,可维护性差。

    2016-10-05 22:51:22

    共 1 条回复 >

  • ZhouQiao
    2016-09-02 23:19:10

    一个是由块级元素转换成的内联元素实现的横向布局,一个直接加个float来操作的块级元素实现的横向布局,你选谁?

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

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

1225806 学习 · 18234 问题

查看课程

相似问题