🍋 CSS Tools
CSS Grid 生成器
生成 CSS Grid 网格布局代码
chars
words
sentences
lines
Grid Options
结果
结果
关于 CSS Grid 生成器
生成 CSS Grid 网格布局代码。可视化设置列数、行数和间距。
工作原理
提供可视化网格编辑器来设置列定义、行定义、间距和区域。实时预览网格布局并生成 CSS 代码。
分步教程
- 1 [
- 2 '
- 3 设
- 4 置
- 5 列
- 6 数
- 7 和
- 8 行
- 9 数
- 10 '
- 11 ,
- 12
- 13 '
- 14 定
- 15 义
- 16 列
- 17 宽
- 18 和
- 19 行
- 20 高
- 21 '
- 22 ,
- 23
- 24 '
- 25 调
- 26 整
- 27 间
- 28 距
- 29 '
- 30 ,
- 31
- 32 '
- 33 复
- 34 制
- 35 生
- 36 成
- 37 的
- 38
- 39 C
- 40 S
- 41 S
- 42
- 43 代
- 44 码
- 45 '
- 46 ]
提示
- [
- '
- r
- e
- p
- e
- a
- t
- (
- 3
- ,
- 1
- f
- r
- )
- 可
- 以
- 快
- 速
- 创
- 建
- 三
- 等
- 分
- 列
- 。
- '
- ,
- '
- m
- i
- n
- m
- a
- x
- (
- )
- 函
- 数
- 可
- 以
- 设
- 置
- 响
- 应
- 式
- 列
- 宽
- 范
- 围
- 。
- '
- ,
- '
- g
- r
- i
- d
- -
- t
- e
- m
- p
- l
- a
- t
- e
- -
- a
- r
- e
- a
- s
- 可
- 以
- 用
- 名
- 称
- 定
- 义
- 布
- 局
- 区
- 域
- 。
- '
- ]