我在容器中有一堆盒子。我不知道有多少盒装在一排，屏幕越大，盒子应该越多。但是我想要完全填充每一行并调整框大小（在100px到150px之内）以确保每行都被填充。
http://jsfiddle.net/ssxu5moy/11/
var m = JsonConvert.DeserializeObject<dynamic>(html);
DateTime created = (DateTime)m.response.created;
我已经在javascript中做了这个并且它工作正常，但我想改用flexbox更简单，但我很难让它工作。这甚至可以在flexbox中使用吗？
答案 0 :(得分：2)
呀！你可以做到这一点。 max-width使150px框停在min-width，这看起来不是您想要的，因为您希望每个框在右侧包裹后填充行中的剩余空间？
这是一个更新的小提琴： http://jsfiddle.net/disinfor/ssxu5moy/12/
我在CSS中唯一更改的是flex属性的max-width和.box {
border: 1px solid purple;
background: blue;
align-self: stretch;
flex:1 0 100px;
}
：
<强> CSS：
flex如果我理解你的问题，这应该是你正在寻找的。 警告： flex属性需要浏览器前缀。
1. (0..99).map { |a| a }
2. (0..99).step(1).to_a
3. (0..99).to_a
4. (1..99).each { |a| a }.to_a
属性的简短阅读：
https://css-tricks.com/almanac/properties/f/flex/
如果链接消失： 这是柔性增长，柔性收缩和柔性基础（分别）的简写。