当前位置:首页 > 企业简介 >

DIV水平和垂直居中问题

DIV水平和垂直居中问题

1.div水平居中

.className{ width:270px; height:150px; margin:0 auto; }
2.div垂直居中 .className{ width:270px; height:150px; position:absolute; left:50%; top:50%; margin:-75px 0 0 -135px; }
将层设置为绝对定位,left和top为50%,这时候使用负外边距,负外边距的大小为宽高的一半。

3.适用jquery

$(document).ready(function(){ $(window).resize(function(){ $('.className').css({ position:'absolute', left: ($(window).width() - $('.className').outerWidth())/2, top: ($(window).height() - $('.className').outerHeight())/2 }); });

企业建站2800元起,携手武汉肥猫科技,做一个有见地的颜值派!更多优惠请戳:仙桃SEO http://xiantao.raoyu.net

上一篇:卡汀财经资讯—金融行业七大热门职位,你想进入哪一行

下一篇:最后一页