-webkit-box 大家一致认为和flex一样，其实不然，以美团为例
实例对比
没有什么意思，就是下面的例子里面不要用flex代替box。
首先在外层块元素添加box属性
display: -webkit-box;
display: -ms-flexbox;
子元素自适变化的设置
-webkit-box-flex: 1;
-ms-flex: 1;
OK
项目实例效果：
嗯，就是这样、
补充
flex的话，子元素设置flex: auto
这样也是可以的。
ps:
如果发现auto的的多占据了空间，可以同时设置width: 0
--END--
美团参考链接:
http://i.meituan.com/?utm_source=waputm_baiduwap17&utm_medium=wap
-webkit-box 大家一致认为和flex一样，其实不然，以美团为例 没有什么意思，就是下面的例子里面不要用...
水平并排布局，自动适应宽度，适合多view布局。 竖直方向布局，自动计算高度。 读取plist文件
FLEX布局:弹性布局; 弹性布局是为了让容器有能力改变项目的宽度和高度,以填满可用空间, 注意，设为Flex布局...
FLEX布局:弹性布局; 弹性布局是为了让容器有能力改变项目的宽度和高度,以填满可用空间, 注意，设为Flex布局...
iOS AutoLayout自动布局中级开发教程(4)-label文字自动适应大小,宽度（新） 分类：iOS开发 ...
块元素 块元素指的是占据全部可用宽度的元素，并且在其前后都会换行。 background background-c...
UIAdaptiveKit LayoutTool.swift : UI自动布局的便捷方法, 主要有常用的 宽度,...
1. 问题描述 在布局UITableviewCell 内容时, 可用使用Masonry方便的自动计算高度撑开布局,...
我们可以使用flex布局，实现一行元素自动根据屏幕宽度换行，一行元素的个数在屏幕宽度变化的时候会自动调整，代码如下...
如何删除widget里的布局 一. QTreeWidget QTreeWidget 设置自动自适应字体调整宽度或...
本文标题： -webkit-box 自动占据可用宽度布局
本文链接：https://www.haomeiwen.com/subject/pgowmxtx.html
网友评论