如何强制Flexbox容器的子宽度相等?

时间:2017-02-10 17:36:36

标签: css flexbox

我正在使用flexbox,我将子项flex-grow,flex-shrink和flex-basis属性设置为1:

.resident-form .flex-container {
    display: flex;
}

.resident-form .flex-container .flex-cell {
    flex-grow:1;
    flex-shrink: 1;
    flex-basis: 1;
}

.resident-form .flex-container .flex-cell:not(:first-child) {
    padding-left: 5px;
}
.resident-form .flex-container .flex-cell:not(:last-child) {
    padding-right: 5px;
}

但宽度不相等: enter image description here

无论如何,我可以强制4细胞行与2细胞行完全匹配?含义,上面一行中每个字段有2个字段。

字段是动态的(每行可以有1个或2个或3个或4个字段)。所以我无法对宽度进行硬编码。

0 个答案:

没有答案