定义六个网格项的开始和

Arzina555

都有自己的类名。这将使您能够使用类选择器将独特的样式应用于中的每个网格项。定义带有父元素和六个子元素的网格图片来源下面是定义六个网格项的位置的。请注意有六个规则集定义了和属性以及每个网格项的行号。结束列和行线图片来源这是前端的结果基于行的放置网格布局网格项仅跨越一个网格轨道图片来源使用速记网格行和网格列属性我们可以使用速记的和属性创建与上面相同的网格布局。这些简写属性可以节省您的时间并使您的代码。

看起来更干净。您无需将和属性写在两行上而是可以将它们合并到简写下的一行中。要定义此简写属性请将第一个数字设为网格项开始的列线第二个数字表示网格项结束的列线。用斜杠分隔值。您可以对简写属性执行相同的操作。下面是使用 数字数据 速记和属性重写的与上面示例相同的使用速记和属性的网格布局示例的图片来源将保持不变网格在前端看起来也一样。使用速记网格区域属性我们还可以使用速记属性创建相同的网格布局。此简写属性可以通过需要更少的代码来节省您更。



多的时间。只是记住属性值的顺序有点困难。对于六个规则集中的每一个您所需要做的就是定义具有四个值的属性。值的顺序为网格项开始的行线网格项开始的列线网格项结束的行线网格项结束的列线。下面是使用速记属性重写的与上面示例相同的使用速记网格区域属性的网格布局示例图片来源将保持不变网格在前端看起来也一样。使用列和行线名称除了使用行号之外您还可以选择命名网格线并使用它们。这将要求您更改定义整个网格的以及定义六个网格项的位置的。