一般地,居中绝对定位元素,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中文网!