在網站制作布局的時候，想讓div實現水平和垂直居中，筆者教你三個方法：

　　1、通過jQuery實現水平居中和垂直居中前面已經提到過了，css的方法只適用于有固定尺寸的div，所以到jQuery發揮作用了：

　　$(window).resize(function(){

　　$('.className').css({

　　position:'absolute',

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

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

　　});

　　});

　　//初始化函數

　　$(window).resize();

　　這種方法的好處是您無需知道div有多大，缺點是它只能通過JavaScript實現。

　　2、通過css實現水平居中：

　　.className{

　　margin:0 auto;

　　width:200px;

　　height:200px;

　　}

　　3、通過css實現水平居中和垂直居中

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

　　.className{

　　width:300px;

　　height:200px;

　　position:absolute;

　　left:50%;

　　top:50%;

　　margin:-100px 0 0 -150px;

　　}