css3 display：flex和display：box有什么区别

前者是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+ */

flex和bend有什么区别？

例如

/*display:flex*/

.box{

display:flex;

width:300px;

}

.box div{

height:30px;

border:1px solid #F00;

box-sizing:border-box;

flex:1;

}

/*display:-webkit-box*/

.box{

display:-webkit-box;

width:300px;

}

.box div{

height:30px;

border:1px solid #F00;

box-sizing:border-box;

-webkit-box-flex:1;

}

使用flex，两个框的宽度是一样的

使用box，第一个框的宽度被压缩了。

你好， flex一般指弯曲、伸展某人身体的某部位，如伸伸腿、弯弯腰，作活动前的准备。 bend只是指使某人或某物达到一个弯曲的状态 追问： 弯腰不也是bend吗 回答： 弯腰是用bend，但只是表示动作弯曲到某一程度，并不表示活动前的准备 另外flex的意思含有“使...灵活”。它的的形容词是flexible，有“灵活”的意思

鹏仔微信 15129739599 鹏仔QQ344225443 鹏仔前端 pjxi.com 共享博客 sharedbk.com