欧美成人禁止网站_麻豆久草手机在线_中文字幕亚洲第一_欧洲乱码伦视频免费无码

創(chuàng)建一個div的水平居中很簡單，只需要設定寬度和左右margin值自動。這種方法可以用在block級元素上（div、圖片、h1等）。如果在inline元素上，必須使用display:block。

.className{

margin:0 auto;

width:200px;

height:200px;

}

css控制div水平、垂直居中

控制div的水平和水質(zhì)居中，比較棘手，你需要預先知道div的寬度和高度。

首先設定絕對定位，這樣可以把元素從周圍分離出來，相對于window定位。然后設定左上居中50%定位，這樣就可以中間了。最后設定div的左上的定位為負值，分別為寬高的一半。

.className{

width:300px;

height:200px;

position:absolute;

left:50%;

top:50%;

margin:-100px 0 0 -150px;

}

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

使用div+css只能是先定了寬高的div水平和垂直居中?？纯磈query能做什么。

$(window).resize(function(){

$('.className').css({

position:'absolute',

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

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

});

});

// To initially run the function:

$(window).resize();

其實模仿的上一種辦法，只是在瀏覽器窗口改變時，動態(tài)計算div的高度和寬度。偷巧的完成了div的寬度和高度計算。

缺點是必須JavaScript支持。但，其效果非常好，可以用在華麗的用戶界面上。

       重慶網(wǎng)絡公司