构建一个用div“填充”水平行的系统,如果已满,则继续下一行||HTML、CSS、JS

rqcrx0a6  于 2023-01-06  发布在  其他
关注(0)|答案(1)|浏览(103)

我想创建一个流甲板克隆,但数字使用 rust 和前端的东西。后端工程没有问题。
我想有一个列表一样的东西,并有代表不同功能的开发人员。如果你添加一个将被追加到这个列表。网页填充行到行,并创建新的行,如果需要的话,我该怎么做?
Figma中进行设计
我必须使用像网格这样的东西吗?或者实现一个水平列表并在行满时创建新的列表吗?

yqkkidmi

yqkkidmi1#

你可以使用flexbox来实现。
比如

.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-content: flex-start;
  gap: 10px;
}

会成功的
Here是我在codepen上创建的一个示例

相关问题