grid-layout

Grid布局是一种网格布局系统，它可以将元素划分为行和列，在网格中进行放置和排列。通过网格线（grid lines）来定义行和列，网格线可以通过命名来进行引用。通过使用属性如grid-template-columns和grid-template-rows，可以控制网格的行数和列数，并设置每个行和列的大小。网格行（grid row）是水平的轨道，即两个水平网格线之间的空间，可以使用grid-auto-rows属性来调整其大小。网格列（grid column）是垂直的轨道，即两个垂直网格线之间的空间，可以使用grid-auto-columns属性来调整其大小。通过配合grid-column-start、grid-column-end、grid-row-start和grid-row-end属性，可以指定元素在网格中的放置位置。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* *3* [网格布局（grid layout）基础](https://blog.csdn.net/giu056/article/details/122135657)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 100%"]
[ .reference_list ]