如何用 CSS 网格渲染这个?
How to render this with CSS grid?
您好,有人可以帮忙告诉我如何用 css 网格渲染这个吗?
实际上我是用 jQuery 做的,但我知道我可以用 css 网格做这个。
我希望每行的每个第二个元素都被偏移。
谢谢
您可以使用 .col:nth-child(2) select 第二列,如果您的列每 3 列分隔成一行 div。
或者,如果所有列都在同一行中,则可以使用 .nth-child(3n+2) div。
来自 w3schools 的更多信息
Using a formula (an + b). Description: a represents a cycle size, n is a counter (starts at 0), and b is an offset value.
您好,有人可以帮忙告诉我如何用 css 网格渲染这个吗? 实际上我是用 jQuery 做的,但我知道我可以用 css 网格做这个。 我希望每行的每个第二个元素都被偏移。
谢谢
您可以使用 .col:nth-child(2) select 第二列,如果您的列每 3 列分隔成一行 div。
或者,如果所有列都在同一行中,则可以使用 .nth-child(3n+2) div。
来自 w3schools 的更多信息
Using a formula (an + b). Description: a represents a cycle size, n is a counter (starts at 0), and b is an offset value.