gpt4 book ai didi

css - 如何处理 CSS 网格中的边距?

转载 作者:行者123 更新时间:2023-11-28 15:46:23 24 4
gpt4 key购买 nike

我正在学习 CSS grid,最近我尝试在我过去使用 Bootstrap grid 的地方应用 grid。一切顺利,但我似乎无法弄清楚如何处理 CSS 网格中的边距。我知道 grid-row-gapgrid-column-gap 但这只涵盖了简单的用例,而不是我的所有用例。例如:

  1. 如果我希望在每第 3 行之后有 40px margin 怎么办?
  2. 请参阅所附设计图片。我如何实现这个 css grid?我已将所有 边距 标记为 m。我是使用明确的 margin 还是将列/行留空以充当 margin

enter image description here

最佳答案

你想要这样的东西吗:

.row:nth-child(3n+3) { margin-bottom:40px;

这将在每 3 行之后添加边距。

关于css - 如何处理 CSS 网格中的边距?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51668765/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com