css的Grid布局

  • 开发
  • 49

1.简单布局

.grid {
display: grid;
grid-template-columns: 1fr 2fr 1fr;  布局样式
column-gap: 24px;   列间距
row-gap: 24px;   行间距
}

2.排列布局    center垂直方向居中对其   end靠下对齐

3.水平方向对齐  center居中     end靠右对齐    space-between两段对齐

4.对轨道进行对齐 

5.排列元素

阅读全部

相关推荐

  5. CSS Grid 布局：span 关键字

    2023-12-12 10:44:04       39 阅读

  6. CSS Flexbox与Grid：构建响应式布局的艺术

    2023-12-12 10:44:04       36 阅读

  9. 解锁网页布局的秘密武器：探索 CSS Grid 布局的神奇魔力

    2023-12-12 10:44:04       33 阅读

  10. CSS Grid 网格布局简要说明

    2023-12-12 10:44:04       59 阅读

最近更新

  3. docker php8.1+nginx base 镜像 dockerfile 配置

    2023-12-12 10:44:04       94 阅读

  4. Could not load dynamic library ‘cudart64_100.dll‘

    2023-12-12 10:44:04       100 阅读

  9. 在Django里面运行非项目文件

    2023-12-12 10:44:04       82 阅读

  19. Python语言-面向对象

    2023-12-12 10:44:04       91 阅读

  20. 如何分清楚常见的 Git 分支管理策略Git Flow、GitHub Flow 和 GitLab Flow

    2023-12-12 10:44:04       85 阅读

热门阅读

  1. css去掉input,textarea默认样式，自定义样式

    2023-12-12 10:44:04       64 阅读

  3. 2024黑龙江省职业院校技能大赛暨国赛选拔赛“GZ031应用软件系统开发”赛项赛题题库

    2023-12-12 10:44:04       39 阅读

  5. 生成正态分布数据的C语言实现

    2023-12-12 10:44:04       54 阅读

  7. 【React】useCallback 使用的说明

    2023-12-12 10:44:04       62 阅读

  8. 【C++】函数：函数默认参数，函数占位参数，函数重载

    2023-12-12 10:44:04       61 阅读

  11. Excel:对比两列是否有重复值

    2023-12-12 10:44:04       50 阅读

  12. docker 基础入门

    2023-12-12 10:44:04       55 阅读

  13. 机器学习---垃圾邮件分类案例

    2023-12-12 10:44:04       57 阅读

  20. DW1000通信模块的开发与应用

    2023-12-12 10:44:04       58 阅读

  27. Matlab 数组类型

    2023-12-12 10:44:04       57 阅读

  29. 从运维角度去了解redis

    2023-12-12 10:44:04       59 阅读