跟大家講解下有關css篇之absolute絕對定位元素居中技巧，相信小伙伴們對這個話題應該也很關注吧，現在就為小伙伴們說說css篇之absolute絕對定位元素居中技巧，小編也收集到了有關css篇之absolute絕對定位元素居中技巧的相關資料，希望大家看到了會喜歡。

一般地，居中絕對定位元素，left:50%;top:50%;再margin負值或者通過transform也可達到效果。今天發現另一個技巧，利用，top,left,right,bottom取值0，再magin:auto,即可實現居中。原因：

<div class='box> <div class='jz'></div></div>div.box{ position: relative; height: 300px; background: #989eaa;}div.fz{ width: 100px; height: 100px; background: #499682; position: absolute; top:0; left: 0; right: 0; bottom: 0; margin:auto;}

更多css篇之absolute絕對定位元素居中技巧相關文章請關注PHP中文網！

來源：php中文網