css+Jquery控制div水平、垂直居中

使用div+css只能是先定了宽高的div水平和垂直居中。看看jquery能做什么。

01 $(window).resize(function(){
02
03 $('.className').css({
04 position:'absolute',
05 left: ($(window).width() - $('.className').outerWidth())/2,
06 top: ($(window).height() - $('.className').outerHeight())/2
07 });
08
09 });
10
11 // To initially run the function:
12 $(window).resize();

其实模仿的上一种办法，只是在浏览器窗口改变时，动态计算div的高度和宽度。偷巧的完成了div的宽度和高度计算。

缺点是必须JavaScript支持。但，其效果非常好，可以用在华丽的用户界面上。