CSS3网格布局

CSS3网格布局

一:网格布局
网格是一组相交的水平线和垂直线,它定义了网格的列和行
CSS 提供了一个基于网格的布局系统,带有行和列,可以让我们更轻松地设计网页,而无需使用浮动和定位

CSS3网格布局_第1张图片

  1. 浏览器支持:目前最新的一些浏览器版本都支持网格布局
  2. grid布局的相关概念
    ● 采用网格布局的区域,称为"容器"(container)
    ● 容器内部采用网格定位的直接子元素,称为"项目"(item)
    ● 注意:项目只能是容器的顶层子元素,不包含项目的子元素,Grid 布局只对项目生效!
  3. grid布局的属性使用
    CSS3网格布局_第2张图片

你可能感兴趣的:(前端,css)