返回课程

CSS Grid

编程代码 · HTML/CSS

💡 CSS Grid 网格布局:创建 3 列等宽网格
.grid {// 选择 grid 网格容器
  display: grid;// 启用 Grid 网格布局
  grid-template-columns: repeat(3, 1fr);// 3 列等宽(1fr 表示 1 份可用空间)
  grid-gap: 16px;// 网格项之间间距 16px
  padding: 20px;// 内边距 20px
}// 样式结束
.grid-item {// 选择网格子项
  background: #e0e0e0;// 浅灰色背景
  border-radius: 8px;// 8px 圆角
  padding: 16px;// 内边距 16px
}// 样式结束
0 字/分0% 准确
🐵
.右手无名指
ESC 暂停 退格