在我们的例子中,每个区域跨越多个网格单元格,我们通过多次重复该网格区域的名称来实现这一点,其间具有空白区域。您可以添加额外的空白,以保持您的列排列整齐的值grid-template-areas。你可以看到,我已经这样做了,hd并ft和main。通过链接区域名称创建的区域必须是矩形的,此时无法创建L形区域。规范确实注意到未来的级别...
在我们的例子中,每个区域跨越多个网格单元格,我们通过多次重复该网格区域的名称来实现这一点,其间具有空白区域。您可以添加额外的空白,以保持您的列排列整齐的值grid-template-areas。你可以看到,我已经这样做了,hd并ft和main。 通过链接区域名称创建的区域必须是矩形的,此时无法创建L形区域。规范确实注意到未来的级别...
只要之间没有空白,它就会被计为一个单元格。对于复杂的布局,将行和列整齐排列是有好处的。这意味着你可以在CSS中看到这个布局的样子。 跨越多个单元格 在我们的例子中,每个区域跨越多个网格单元格,我们通过多次重复该网格区域的名称来实现这一点,其间具有空白区域。您可以添加额外的空白,以保持您的列排列整齐的值g...