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% - 元素宽度一半);