-webkit-box 自动占据可用宽度布局

2017-11-11 本文已影响87人反者道之动001

-webkit-box 大家一致认为和flex一样，其实不然，以美团为例

实例对比

没有什么意思，就是下面的例子里面不要用flex代替box。

首先在外层块元素添加box属性

    display: -webkit-box;
    display: -ms-flexbox;

子元素自适变化的设置

    -webkit-box-flex: 1;
    -ms-flex: 1;

项目实例效果：

嗯，就是这样、

补充

flex的话，子元素设置flex: auto

这样也是可以的。

ps:
如果发现auto的的多占据了空间，可以同时设置width: 0

--END--