例：居中.wrapper里的.content

一. 已經(jīng)元素的寬高的前提下：

(1)? left:50%;top:50%

父元素設置相對定位，position: relative;?

子元素(要居中的元素)設置絕對定位，position: absolute;? left: 50%;? ?top: 50%

圖1? 已知元素寬高

圖2? 示例圖

（2）設置margin: auto;

父元素設置相對定位,position: relative;

子元素(要居中的元素)設置絕對定位，position: absolute; margin: auto

(3)? ?flex布局

父元素設置 display: flex;? justify-content: center;? ?align-items: center;

二.未知元素寬高的情況下：

（1）四個方向設置值，把元素撐開

父元素設置相對定位，position: relative;?

子元素設置絕對定位，position: absolute; top與bottom設置一樣的值，left與right設置一樣的值，把容器撐開

圖3? 未知元素寬高

圖4? 示例圖