CSS Grid布局(3)
来源:互联网 发布:淘宝嘉年华妈妈装 编辑:程序博客网 时间:2024/06/13 17:11
10.网格线命名
通过grid-template-rows和grid-template-columns定义网格时,网格线可以被命名。网格线名称也可以设置网格项目位置
grid-template-rows和grid-template-columns定义你的网格,将名称分配给网格线
定义网格线名称时需要避免使用规范中出现的关键词,以免导致混乱
分配网格线名称必须用方括号[网格线名称],然后后面紧跟网格轨道的尺寸值
可以在方括号中添加多个名称来命名网格线名称,使用多外名称命名网格线名称时,名称间要用空格隔开
每一个网格线的名称可以用来定位网格项目的位置
11.通过网格线名称设置网格项目位置
使用网格线名称设置网格项目位置和使用网格线号码设置网格项目位置类似
引用网格线名称的时候不应该带方括号
grid-row和grid-column简写属性也适用于网格线名称,也可以用来设置网格项目的位置
12.使用相同的名称命名网格线和设置网格项目位置
阅读全文
0 0
- CSS Grid布局(3)
- CSS Grid布局指南
- CSS Grid布局指南
- CSS Grid布局(1)
- CSS Grid布局(2)
- CSS Grid布局指南
- CSS Grid布局指南
- CSS Grid 网格布局
- CSS Grid布局这样玩
- CSS Grid布局:网格区域
- CSS Grid 布局完全指南
- CSS Grid布局:什么是网格布局
- CSS Grid布局:合并单元格布局
- CSS Grid布局:合并单元格布局
- CSS Grid布局:什么是网格布局
- CSS Grid布局:网格单元格布局
- CSS Grid布局:网格单元格布局
- 带你入门 CSS Grid 布局
- 处理 NumPy 矩阵和 ufunc
- pos机开发相关
- day02 uboot、程序的烧写
- ajax追加表格
- git碰到 NO path specified. See 'man git-pull' for valid url syntax错误
- CSS Grid布局(3)
- 1009. Product of Polynomials (25)
- 自定义View总结(一)
- 自顶向下深入分析Netty(八)--CodecHandler
- 如何去掉debug是讨厌的错误提示对话框
- 记一次踩坑|空table应该编码为数组还是对象
- day03 LED灯源程序编写与编译、UART原理
- day05 UART实战、源码阅读工具(Sourceinsight/Ctags)、Makefile编写
- day04 UART协议