CSS“地铁样式”布局

时间:2020-05-18 13:01:12

标签: css css-grid

我正在尝试使用以下布局创建内容网格:

 -------   --   --
|       | |  | |  |
|       |  --   --
|       |  --   --
|       | |  | |  |
 -------   --   --
 --   --   -------
|  | |  | |       |
 --   --  |       |
 --   --  |       |
|  | |  | |       |
 --   --   -------

是否可以仅使用CSS?

通过使用nth-child进行div宽度和浮点运算,我可以获得一半的结果,但是我似乎无法让nth-child选择器使左5个元素向左浮动,然后向后5个向右浮动,依此类推。我认为我需要使用nth-child不支持的模函数。

那么也许我需要使用网格布局?

0 个答案:

没有答案