因此,我们有一个网格,其中我们遵循特定的设计,这可以在codepen上看到:-https://codepen.io/scottYg55/pen/jOKXoJW
因此,前6个显示的是我们想要遵循的设计,但是我们希望重复此操作,以便添加的任何div都遵循确切的样式。
这是针对父div和子div的主要CSS:-
<>
第一次
有人有什么解决办法吗?
谢谢
因此,我们有一个网格,其中我们遵循特定的设计,这可以在codepen上看到:-https://codepen.io/scottYg55/pen/jOKXoJW
因此,前6个显示的是我们想要遵循的设计,但是我们希望重复此操作,以便添加的任何div都遵循确切的样式。
这是针对父div和子div的主要CSS:-
<>
第一次
有人有什么解决办法吗?
谢谢
2条答案
按热度按时间bvuwiixz1#
在stackoverflow上已经有了答案,但是对于你在codepen上发布的特定情况,为了让元素6上移以填充空白空间,你还需要将
grid-auto-flow
设置为dense
,并调整你的第n个子规则。第一个
hi3rlvi22#
一个解决方案是每隔6个子元素就用“services-cont”类重复div,但也可以只使用CSS。我尝试创建一个类似的布局:
第一个