- 1
- 2
- 3
- 4
- 5
网格布局详解
资料介绍
网格布局（Grid Layout）是一种二维布局系统，能够同时处理行和列，为网页和应用界面提供强大的布局能力。它通过将容器划分为行和列的网格结构，使子元素能够精确定位和对齐，极大地简化了复杂布局的实现过程。
网格布局的基本概念
1.1 网格容器（Grid Container）
应用display: grid或display: inline-grid的元素称为网格容器。网格容器的所有直接子元素会自动成为网格项（Grid Item）。
1.2 网格项（Grid Item）
网格容器的直接子元素，不包括孙子元素。网格项会按照网格线的划分自动排列，也可通过属性手动指定位置。
1.3 网格线（Grid Lines）
构成网格结构的分界线，分为水平网格线（行网格线）和垂直网格线（列网格线）。例如，3列网格有4条垂直网格线，编号从1开始。
1.4 网格轨道（Grid Track）
两条相邻网格线之间的区域，即行或列。通过grid-template-rows和grid-template-columns属性定义轨道大小。
部分文件列表
| 文件名 | 大小 |
| 网格布局详解.docx | 15K |
最新上传
- 打赏
- 30日榜单
-
21ic小能手 打赏5.00元 3天前
资料：数控电子负载-CH552
-
21ic小能手 打赏5.00元 3天前
-
21ic小能手 打赏5.00元 3天前
-
21ic下载 打赏310.00元 3天前
用户：zhengdai
-
21ic下载 打赏310.00元 3天前
用户：liqiang9090
-
21ic下载 打赏330.00元 3天前
用户：jh0355
-
21ic下载 打赏210.00元 3天前
用户：小猫做电路
-
21ic下载 打赏240.00元 3天前
用户：jh03551
-
21ic下载 打赏210.00元 3天前
用户：gsy幸运
-
21ic下载 打赏70.00元 3天前
用户：w178191520
-
21ic下载 打赏60.00元 3天前
用户：sun2152
-
21ic下载 打赏80.00元 3天前
用户：江岚
-
21ic下载 打赏60.00元 3天前
用户：xuzhen1
-
21ic下载 打赏20.00元 3天前
用户：kk1957135547
-
21ic下载 打赏40.00元 3天前
用户：潇潇江南
-
21ic下载 打赏20.00元 3天前
用户：w993263495
-
21ic下载 打赏20.00元 3天前
用户：w1966891335
-
21ic下载 打赏70.00元 3天前
用户：有理想666
-
21ic下载 打赏35.00元 3天前
用户：xzxbybd
-
21ic下载 打赏15.00元 3天前
用户：x15580286248
-
21ic下载 打赏25.00元 3天前
用户：铁蛋锅
-
21ic下载 打赏35.00元 3天前
用户：mulanhk
-
21ic下载 打赏25.00元 3天前
用户：曲鹏
-
21ic小能手 打赏5.00元 3天前
-
21ic小能手 打赏5.00元 3天前
-
21ic小能手 打赏5.00元 3天前
-
21ic小能手 打赏5.00元 3天前
-
21ic小能手 打赏5.00元 3天前
-
21ic小能手 打赏5.00元 3天前
-
21ic小能手 打赏5.00元 3天前
-
21ic小能手 打赏5.00元 3天前
-
21ic小能手 打赏5.00元 3天前
-
21ic小能手 打赏3.00元 3天前
-
21ic小能手 打赏5.00元 3天前
-
21ic小能手 打赏3.00元 3天前
-
21ic小能手 打赏3.00元 3天前
-
21ic小能手 打赏3.00元 3天前
-
21ic小能手 打赏3.00元 3天前
-
21ic小能手 打赏3.00元 3天前
-
21ic小能手 打赏5.00元 3天前
全部评论(0)