1. 您所在位置：
  2. 网站首页
  3. 文档分类
  4. 计算机
  5. Web服务

Web前端开发 课件 6.5 网格布局.pptx

Web前端开发 课件 6.5 网格布局.pptx

    静态网页

    设计

    第六章

    核心应用——排版布局

    网格布局

    什么是网格布局？

    01

    网格布局适用于哪些场景？

    02

    多行多列布局

    行、列跨度布局

    后台管理框架页

    ……

    网格布局的“容器”和“项目”

    03

    网格容器

    网格项目

    网格容器：添加了display:grid属性值的外框

    网格项目：网格容器内部的子元素

    属性

    作用

    grid-template-columns

    grid-template-rows

    用于划分Grid列和行，即定义每列列宽和每行行高

    row-gap

    column-gap

    grid-gap

    gap

    用于设置子元素间的间隔：

    row-gap设置行间隔

    column-gap设置列间隔

    您可能关注的文档

    最近下载

    文档评论（0）

    1亿VIP精品文档

    更多 >

    相关文档

    更多 >