美文网首页
2022-04-11 flex justify-conten

2022-04-11 flex justify-conten

作者: 追寻1989 | 来源:发表于2022-04-10 17:04 被阅读0次
<div class="grid-test">
  <div class="box-test">1</div>
  <div class="box-test">2</div>
  <div class="box-test">3</div>
  <div class="box-test">4</div>
  <div class="box-test">5</div>
  <div class="box-test">6</div>
  <div class="box-test">7</div>
  <div class="box-test">8</div>
</div>
.grid-test {
  display: grid;
  grid-template-columns: repeat(auto-fill, 100px);
  grid-gap: 10px;
  justify-content: center;
  background: blue;
}

.box-test {
  height: 100px;
  width: 100px;
  background: red;
  margin: 10px;
}

原文:https://blog.csdn.net/rockage/article/details/121434234

相关文章

网友评论

      本文标题:2022-04-11 flex justify-conten

      本文链接:https://www.haomeiwen.com/subject/tfxwsrtx.html