布局网格
尝试调整窗口大小以查看单元格如何适应新的尺寸。
安装
npm i -D @smui/layout-grid
演示
单元格 1
单元格 2
单元格 3
单元格 4
单元格 5
单元格 6
单元格 7
单元格 8
单元格 9
跨度
跨度 6
跨度 6
跨度 3
跨度 3
跨度 3
跨度 3
跨度 2
跨度 2
跨度 2
跨度 2
跨度 2
跨度 2
跨度 1
跨度 1
跨度 1
跨度 1
跨度 1
跨度 1
跨度 1
跨度 1
跨度 1
跨度 1
跨度 1
跨度 1
跨度 7
跨度 5
在桌面端跨度 6，平板端跨度 4，手机端跨度 2（始终占一半）
顺序
单元格 1
单元格 2
单元格 3
单元格 4
单元格 5
单元格 6
单元格 7
单元格 8
单元格 9
固定列宽
单元格 1
单元格 2
单元格 3
单元格 4
单元格 5
单元格 6
单元格 7
单元格 8
单元格 9
对齐
高单元格
顶部对齐
居中对齐
底部对齐
嵌套
仅在必要时使用，因为它在某些分辨率下对齐效果不佳。
单元格 1, 1
单元格 1, 2
单元格 1, 3
单元格 2, 1
单元格 2, 2
单元格 2, 3
单元格 3, 1
单元格 3, 2
单元格 3, 3
单元格 4, 1
单元格 4, 2
单元格 4, 3
单元格 5, 1
单元格 5, 2
单元格 5, 3
单元格 6, 1
单元格 6, 2
单元格 6, 3
单元格 7, 1
单元格 7, 2
单元格 7, 3
单元格 8, 1
单元格 8, 2
单元格 8, 3
单元格 9, 1
单元格 9, 2
单元格 9, 3