面试被问到居中的问题,当时说了一下,被泼了很大一盆冷水,面试官竟然很不屑听见我的回答。有点气愤,只是面试而已,何必为难我呢?
1.实现水平居中 margin:0 auto;
<div class='wrap'></div>
.wrap{width:200px;height:200px;margin:0 auto;}
2.实现页面的水平垂直居中
<div class="wrap"></div>
.wrap{width:300px;height:200px;position:absolute;left:50%;right:50%;margin-top:-100px;margin-left:-100px}
参考:http://www.86y.org/art_detail.aspx?id=496