我正在使用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;
}
无论如何,我可以强制4细胞行与2细胞行完全匹配?含义,上面一行中每个字段有2个字段。
字段是动态的(每行可以有1个或2个或3个或4个字段)。所以我无法对宽度进行硬编码。