make元素展开以填充容器，但以最小宽度包装

Question

如果没有Flexbox，这可能是不可能的，但值得大喊。

我希望容器内的元素具有弹性并占用所有可用的横向空间，但是当窗口调整大小并达到最小宽度时，它们会换成第二行。 这个小提琴有两行调查：内联块和表格。

http://jsfiddle.net/48HMj/ 相关代码：

.container{
    width:100%;
    background-color: yellow;

}
.container2{
    width:100%;
    background-color: lightblue;
    display:table;

}
.block {
    border:1px solid;
    display:inline-block;
    min-width:100px;
    width:auto;
    height:50px;
}
.cell {
    border:1px solid;
    display:table-cell;
    min-width:100px;
    width:auto;
    height:50px;
}

表格单元的表现非常相似，但作为表格单元格，它们不应该包裹...

由于

Answer 1

我不确定我是否正确理解你的问题，但我做了一个FIDDLE供你检查。

基本上我将User3660695中的“Live Demo”小提琴分成了所有div的.flexible类，并向容器添加了媒体查询规则：

@media screen and (max-width:480px) {

    .container { display: block }

}

希望这是您正在寻找的行为。干杯！