html 重复div的CSS中的网格区域问题

dvtswwa3  于 2022-12-09  发布在  其他
关注(0)|答案(2)|浏览(181)

因此,我们有一个网格,其中我们遵循特定的设计,这可以在codepen上看到:-https://codepen.io/scottYg55/pen/jOKXoJW
因此,前6个显示的是我们想要遵循的设计,但是我们希望重复此操作,以便添加的任何div都遵循确切的样式。
这是针对父div和子div的主要CSS:-

<>

第一次
有人有什么解决办法吗?
谢谢

bvuwiixz

bvuwiixz1#

stackoverflow上已经有了答案,但是对于你在codepen上发布的特定情况,为了让元素6上移以填充空白空间,你还需要将grid-auto-flow设置为dense,并调整你的第n个子规则。
第一个

hi3rlvi2

hi3rlvi22#

一个解决方案是每隔6个子元素就用“services-cont”类重复div,但也可以只使用CSS。我尝试创建一个类似的布局:
第一个

相关问题