在網(wǎng)站制作布局的時候，想讓div實(shí)現(xiàn)水平和垂直居中，筆者教你三個方法：

　　1、通過jQuery實(shí)現(xiàn)水平居中和垂直居中前面已經(jīng)提到過了，css的方法只適用于有固定尺寸的div，所以到j(luò)Query發(fā)揮作用了：

　　$(window).resize(function(){

　　$('.className').css({

　　position:'absolute',

　　left: ($(window).width() - $('.className').outerWidth())/2,

　　top: ($(window).height() - $('.className').outerHeight())/2

　　});

　　});

　　//初始化函數(shù)

　　$(window).resize();

　　這種方法的好處是您無需知道div有多大，缺點(diǎn)是它只能通過JavaScript實(shí)現(xiàn)。

　　2、通過css實(shí)現(xiàn)水平居中：

　　.className{

　　margin:0 auto;

　　width:200px;

　　height:200px;

　　}

　　3、通過css實(shí)現(xiàn)水平居中和垂直居中

　　通過css創(chuàng)建一個水平居中和垂直居中的div是一件比較麻煩的事情，您必須事先知道另外一個div的尺寸：

　　.className{

　　width:300px;

　　height:200px;

　　position:absolute;

　　left:50%;

　　top:50%;

　　margin:-100px 0 0 -150px;

　　}