跟大家讲解下有关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中文网