如何使一个盒子水平垂直居中？

1.利用定位------子绝父相+transform

子绝父相

2.使用margin

通过为元素设置左右的margin为auto，实现让元素居中

使用margin

3.转成行内块, 给父盒子设置 text-align: center

元素的类型转换

4.使用flex布局

使用flex提供的子元素居中排列功能，对元素进行居中。

flex布局

---

如何垂直居中一个img?

//<img>容器的样式如下

{

display：table-cell；

text-align：center;

verticle-align:middle;

}