CSS Grid 生成器

生成 CSS Grid 网格布局代码

分步教程

1. 1 [
2. 2 '
3. 3 设
4. 4 置
5. 5 列
6. 6 数
7. 7 和
8. 8 行
9. 9 数
10. 10 '
11. 11 ,
12. 12
13. 13 '
14. 14 定
15. 15 义
16. 16 列
17. 17 宽
18. 18 和
19. 19 行
20. 20 高
21. 21 '
22. 22 ,
23. 23
24. 24 '
25. 25 调
26. 26 整
27. 27 间
28. 28 距
29. 29 '
30. 30 ,
31. 31
32. 32 '
33. 33 复
34. 34 制
35. 35 生
36. 36 成
37. 37 的
38. 38
39. 39 C
40. 40 S
41. 41 S
42. 42
43. 43 代
44. 44 码
45. 45 '
46. 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
• 可
• 以
• 用
• 名
• 称
• 定
• 义
• 布
• 局
• 区
• 域
• 。
• '
• ]

常见问题