摘要：
1.像网格线名称一样，网格区域的名称也可以使用grid-template-areas属性来命名。引用网格区域名称也可以设置网格项目位置. 设置网格区域的名称应该放置在单引号或双引号内，每个名称由一个空格符分开. 网格区域的名称，每组（单引号或双引号内的网格区域名称）定义了网格的一行，每个网格区域名称 阅读全文
posted @ 2019-04-09 11:21
Sunsin
阅读(533)
评论(0)
推荐(0)
摘要：
1.使用repeat()函数可以给网格线分配相同的名称。这可以节省一定的时间 使用repeat()函数可以给网格线命名，这也导致多个网格线具有相同的网格线名称。 相同网格线名称指定网格线的位置和名称，也且会自动在网格线名称后面添加对应的数字，使其网格线名称也是唯一的标识符。 1 <view clas 阅读全文
posted @ 2019-04-09 10:59
Sunsin
阅读(507)
评论(0)
推荐(0)
摘要：
使用网格线名称设置网格项目位置和使用网格线号码设置网格项目位置类似. 1.引用网格线名称的时候不应该带方括号 1 <view class="grid"> 2 <view class='item1'>1</view> 3 <view class='item'>2</view> 4 <view clas 阅读全文
posted @ 2019-04-09 10:51
Sunsin
阅读(731)
评论(0)
推荐(0)
摘要：
通过grid-template-rows和grid-template-columns定义网格时，网格线可以被命名。网格线名称也可以设置网格项目位置。 grid-template-rows和grid-template-columns定义你的网格，将名称分配给网格线。 定义网格线名称时需要避免使用规范中 阅读全文
posted @ 2019-04-09 10:41
Sunsin
阅读(679)
评论(0)
推荐(0)
摘要：
默认情况下网格项目跨度只有一个列和行，但可以跨越多个行和列。 1.可以通过设置grid-column-end和grid-column-start距离多个网络线号实现多个列跨越. 1 <view class="grid"> 2 <view class='item1'>1</view> 3 <view 阅读全文
posted @ 2019-04-09 10:27
Sunsin
阅读(5231)
评论(0)
推荐(0)
摘要：
网格线实际上是代表线的开始、结束. 两者之间就是网格列或行. 以下css仅对子元素生效 ,具体详情可以看后面示例 以上css会生成两列三行的网格创建三条列网格线和四条行网格线 . 如果一个网格项目跨度只有一行或一列，那么grid-row-end和grid-column-end不是必需的 注意以下几点 阅读全文
posted @ 2019-04-09 10:01
Sunsin
阅读(329)
评论(0)
推荐(0)
浙公网安备 33010602011771号