这是现在这是上面示例中的

Arzina555

首先在类选择器下您将找到和属性。在前面的示例中仅将属性定义为次。这意味着每列的宽度均为像素。中的样子如下使用和属性定义网格图片来源对于此示例我们必须使用行名称和值定义和属性。每列将分别命名为和并设置为。每行将分别命名为和并设置为。同一部分使用简写属性和网格线名称重写。将保持不变网格在前端看起来也一样。跨越多个网格轨道的基于线的放置布局现在我们了解了为基于行的放置布局编写代码的不同方法让我们考虑。

一个更复杂的示例定位覆盖多个网格轨道的项目。下面的网格将仅包含四个网格项。一项将跨越多列另一项将跨越多行。下面是定义网格的。定义四个网格项的网格布局示例的图片来源下面是定义四个网格项的位置的。请注意正在使用简 数字数据 写的和属性并且大多数实例仅定义了一个值。这是因为您只需要定义要跨越多个轨道的网格项的开始值和结束值。例如要使网格项跨越两列您可以通过将第一个值设为将第二个值设为来定义简写属性。要使网格项跨越两行您可以通过将第一个值。



设为将第二个值设为来定义简写属性。跨越多个网格轨道并使用速记网格区域属性的网格布局示例的图片来源这是前端的结果基于行的布局网格布局网格项跨越多个网格轨道图片来源使用关键字我们可以使用关键字创建与上面相同的网格布局。您不必写出跨越多个网格轨道的两个项目的和速记属性的最终值而是编写并包含您希望该项目跨越的列数或网格数。这是使用关键字重写的与上面示例相同的。项目和分别跨越两列和两行因此最终值为跨度。请注意许多属性仅由一个值定义。