博客列表 >2019.12.28第八节课

2019.12.28第八节课

迫
原创
2020年02月15日 01:41:16489浏览

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: 将项目放入行与列的网络起止线封闭的单元格中
声明:本文内容转载自脚本之家,由网友自发贡献,版权归原作者所有,如您发现涉嫌抄袭侵权,请联系admin@php.cn 核实处理。
全部评论
文明上网理性发言,请遵守新闻评论服务协议