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

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

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

犯罪嫌疑人X 2018-07-31 18:14:09
两组div,大小宽高一样大,一组是flaot:left类型,顺序排下去,另外一组是inline-block类型,顺序排下去请问这两组有什么区别?(宽高一样大,不是float的什么锯齿现象)
查看完整描述

2 回答

?
ABOUTYOU

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

1.inline-block有盒子间隙;
2.inline-block在ie67不完全支持,只支持display:inline的元素;
暂时只想到这么多

查看完整回答
反对 回复 2018-08-05
?
鸿蒙传说

TA贡献1865条经验 获得超7个赞

我能想到的有以下区别:

  1. float不受父元素text-align的影响

  2. inline-block会受到元素间空格的影响,float不会

  3. float会导致父元素高度塌陷,inline-block不会

  4. float比inline-block的兼容性要好一些

  5. 元素中的内容超出后,float不会挤开其他元素,inline-block会


查看完整回答
反对 回复 2018-08-05
  • 2 回答
  • 0 关注
  • 863 浏览

添加回答

举报

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