CSS Flex项目,宽度等于最小宽度

时间:2018-02-14 11:33:06

标签: css flexbox

给出以下项目清单:

List items not at same width

如何让剩余的项目使用前面的项目的宽度。理想情况下,我希望不将flex-basis设置为固定宽度,以便保持响应。

相关的CSS如下:

ul {
  display: flex;
  flex-wrap: wrap;
  padding: 0;
  list-style: none;
}

li {
  flex-grow: 1;
  flex-basis: 0;
  min-width: 100px;
}

0 个答案:

没有答案