Blogger Information
Blog 22
fans 0
comment 0
visits 11789
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
2019.12.28第八节课
Original
484 people have browsed it

12.27作业情况

Grid 网格布局

Grid中的术语

  • 网格线(grid lines): 编号, 命名
  • 轨道(grid tracks): 二条线中间的空间, px, %, fr
  • 单元格(grid cell): 四条网格线包起来的封闭空间
  • 网格区域(grid area): 多个单元格形成的矩形区域
  • 网格间距(grid gap): 行或列之间的间隙

Grid容器属性

  • 功能就是画网格
  • grid-template-colums: 基于,定义网络线的名与与轨道大小
  • grid-template-rows: 基于,定义网络线的名与与轨道大小
  • grid-column-gap | grid-row-gap | grid-gap | gap: 行/列间隙

Grid项目属性

  • grid-column-start/end | grid-row-start/end: 将项目放入行与列的网络起止线封闭的单元格中
Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post