### 如何实现一个元素的垂直水平居中 ``` 1、给父元素相对定位，position，子元素绝对定位，left：50%，top：50%，margin-left为宽度的负50%，margin-top为高度的负50%。 2、给父元素相对定位，position，子元素绝对定位，left：50%，top50%，transform：translate（-50%，-50%）。 3、给父元素相对定位，position，子元素绝对定位，left：0，right：0，top：0，bottom：0，margin：auto。 4、flex布局 5、grid布局 ```