flexbox可以使用以下布局吗?

时间:2017-07-28 20:33:14

标签: html css css3 flexbox

first 5 items, then 4 on the next row and so on

前5项, 然后在下一行4, 下一行有5个项目 ,然后再4 等等。

1 个答案:

答案 0 :(得分:1)

没有关于标记的任何细节,你期待我这样做: 只有3行,每个包含5个子项目,除了中间项目有4个项目,然后是中心项目:

.row {
  display: flex;
  justify-content: center;
}

.item {
  margin:10px;
  width: 50px;
  height: 50px;
  background-color: black;
  border-radius: 50%;
}

https://jsfiddle.net/leonsaysHi/y0yqpjof/