跳到主要内容

1. CSS Grid 介绍

Grid介绍​

Grid是二维的 FlexBox 是一维的

但是二者经常配合使用

  • Example
    • https://appbrewery.github.io/grid-vs-flexbox/

表面上区别不大 FlexBox 和 Grid 的对比

实际上如果我们缩小浏览器，就可以看出：

  • Grid 非常规整
  • 而 FlexBox 则上下两个 box 之间无法保持对其

FlexBox 和 Grid 的差异

0%