←
⊞
☀️
🌙
🇷🇺
RU
▼
🇺🇸
English
🇸🇦
العربية
🇩🇪
Deutsch
🇪🇸
Español
🇫🇷
Français
🇮🇳
हिन्दी
🇮🇹
Italiano
🇯🇵
日本語
🇰🇷
한국어
🇳🇱
Nederlands
🇳🇴
Norsk
🇵🇱
Polski
🇧🇷
Português
🇷🇺
Русский
🇸🇪
Svenska
🇹🇭
ไทย
🇹🇷
Türkçe
🇨🇳
中文
←
📐
CSS Grid Generator
☆
?
×
📐
CSS Grid Generator
☆
Add to favorites
使用交互式构建器可视化地生成CSS Grid布局。轻松创建复杂的网格系统。复制CSS代码用于您的项目。
Columns:
3
Rows:
3
Column Gap:
10
px
Row Gap:
10
px
Column Sizes
Equal (1fr)
Auto
minmax(100px, 1fr)
Custom
Custom Columns
Justify Items
stretch
start
end
center
Align Items
stretch
start
end
center
复制 CSS
CSS 输出