栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

柔性盒模型-显示:flex,box,flexbox?

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

柔性盒模型-显示:flex,box,flexbox?

您可以使用所需的浏览器来支持所需的浏览器。

display: box

  • Firefox 2.0?(前缀)
  • Chrome 4.0?(前缀)
  • Safari / iOS 3.1?(前缀)
  • Android 2.1(前缀)

据我所知,

box-lines: multiple
在任何浏览器中均未实现via环绕。

display: flexbox

  • Chrome 17- ?? (前缀)
  • Internet Explorer 10(前缀)

显示:flex-当前标准

  • Chrome 21(带前缀),29(无带前缀)
  • Opera 12.1(无前缀),15(webkit前缀)
  • Firefox 22(无前缀)
  • Safari / iOS 7(前缀)
  • Blackberry 10(固定)
  • Internet Explorer 11(无前缀)

(请注意,IE10是唯一标记为具有部分支持的自动浏览器的浏览器)

为规范

flexbox
flex
足够相似,我们没有理由_不_以包括,特别是因为IE10仅支持
flexbox
规范。的规格
box
有很大不同,即使您所追求的效果也不尽人意,尽管几乎所有属性都与
flexbox
/
flex
规格中的属性类似。

您可能会发现有些浏览器支持多种规格。他们可能会放弃对较早规格的支持,因此请务必确保包括这些

flex
属性。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/420894.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号