absolute定位css元素居中的两种方法

前端常用absolute定位，那么如何让absolute定位元素居中呢

1（上下左右居中，不能微调）

position:absolute;

left:0; right:0; top:0; bottom:0;

margin:auto;

2（上下左右居中，可微调）

osition:absolute;
top:50%; left:50%;
margin-top:-100px;(元素高度的一半)
margin-left:-100px;(元素宽度的一半)

3 横向居中

position:absolute;
left:calc(50% - 元素宽度一半);