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

CSS3 display:flex和display:box有什么区别?

CSS3 display:flex和display:box有什么区别?

红颜莎娜 2018-11-25 10:06:26
CSS3 display:flex和display:box有什么区别
查看完整描述

1 回答

?
守着星空守着你

TA贡献1799条经验 获得超8个赞

box:主要是控制父容器里面子元素的排列方式、排列顺序、垂直(水平)对齐方式
box-flex:主要让子容器针对父容器的宽度按一定规则进行划分
注意:
前者是flex 2012年的语法,也将是以后标准的语法,大部分浏览器已经实现了无前缀版本。
后者是2009年的语法,已经过时,是需要加上对应前缀的。
所以兼容性的代码,大致如下
display: -webkit-box; /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
display: -moz-box; /* Firefox 17- */
display: -webkit-flex; /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
display: -moz-flex; /* Firefox 18+ */
display: -ms-flexbox; /* IE 10 */
display: flex; /* Chrome 29+, Firefox 22+, IE 11+, Opera 12.1/17/18, Android 4.4+ */

查看完整回答
反对 回复 2018-12-15
  • 1 回答
  • 0 关注
  • 544 浏览
慕课专栏
更多

添加回答

举报

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