为了账号安全,请及时绑定邮箱和手机立即绑定

关于float和inline-block的一个面试问题

关于float和inline-block的一个面试问题

动漫人物 2019-05-21 16:26:50
两组div,大小宽高一样大,一组是flaot:left类型,顺序排下去,另外一组是inline-block类型,顺序排下去请问这两组有什么区别?(宽高一样大,不是float的什么锯齿现象)
查看完整描述

2 回答

?
翻翻过去那场雪

TA贡献2065条经验 获得超14个赞

我能想到的有以下区别:
float不受父元素text-align的影响
inline-block会受到元素间空格的影响,float不会
float会导致父元素高度塌陷,inline-block不会
float比inline-block的兼容性要好一些
元素中的内容超出后,float不会挤开其他元素,inline-block会
                            
查看完整回答
反对 回复 2019-05-21
?
沧海一幻觉

TA贡献1824条经验 获得超5个赞

1.inline-block有盒子间隙;2.inline-block在ie67不完全支持,只支持display:inline的元素;暂时只想到这么多
                            
查看完整回答
反对 回复 2019-05-21
  • 2 回答
  • 0 关注
  • 382 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信