网格布局实现居中布局

1. 前言

本小节,我们将采用网格布局来实现居中布局的样式。

网格其实就是最近比较火的 Grid 布局,原理就是把父元素分割成一个个的小格子。

然后子元素指定自己具体在那个格子上,有点类似于表格布局。

2. 实例代码

通过网格布局实现移动端居中布局。

实例演示
预览 复制