• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# 栅格布局
2
3### 简介
4
5本示例通过栅格系统进行元素布局,主要由<grid-container\>、<grid-row\>、<grid-col\>标签来实现。
6
7实现效果如下:
8
9![](screenshots/device/main.png)
10
11### 相关概念
12
13Grid:网格容器,由“行”和“列”分割的单元格所组成,通过指定“项目”所在的单元格做出各种各样的布局。
14
15### 相关权限
16
17不涉及。
18
19### 使用说明
20
21示例显示了2组应用,上下两组应用均采用栅格布局,来展示不同的效果,点击**应用图标**、**文字**分别弹出对应的通知。
22
23### 约束与限制
24
251.本示例仅支持在标准系统上运行。
26
272.本示例需要使用DevEco Studio 3.0 Beta4 (Build Version: 3.0.0.992, built on July 14, 2022)才可编译运行。
28