css的元素居中方式全部都在这里啦！

css有许许多多的居中方式，平时大家要用的时候是不是会想不起来呢？今天就全部收集罗列给大家啦！

元素居中（水平，垂直）：

1.水平/垂直：

align="center"
text-align="center"
valign="middle"
line-height="高度的值"

2.转换单元格法：

display:table-cell;
vertical-align:middle;

3.定位法：

margin:0 auto;
top:50%;
left:50%;
margin-top:负值 自身高度一半;
margin-left:负值 自身宽度一半;

4.四0方法 (哈哈，自己取的名字方便记忆)

position:absolute;
left:0;
right:0;
top:0;
bottom:0;
margin:auto;

5.弹性盒法：

display:flex;
justify-contant:center;
align-items:center;