Flexbox全宽网格,列宽

时间:2017-10-30 16:25:46

标签: css flexbox

我正在尝试渲染一个flexbox网格(多行),它应该是他容器的100%宽度。

这是我做的:

.list {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}

.list .item {
  flex-basis: 235px;
  flex-grow: 1;
  flex-shrink: 1;
  padding: 12px;
  min-width: 225px;
  border: 1px solid green;
}

请参阅:http://jsfiddle.net/fjr0dxs3/

但如果出现第二行,如果它的列数少于第一行,是否可以使它们的宽度与第一行相同,而不使用%width size?

0 个答案:

没有答案