使用JQuery使Div居中

2021-08-25 21:25:32 字數 413 閱讀 5800

div居中是乙個比較常見的需求。下面介紹一種使用jquery使div居中的方法

先假設有這樣乙個div,test

首先是要把需要居中的div進行絕對定位,如:

有了這樣的樣式定義之後就是使其居中的js**了。

var obj = $("#d");//獲得相應的div物件

var x = ($(window).width()-500)/2;//使用$(window).width()獲得顯示器的寬,並算出對應的div離左邊的距離

var y = ($(window).height()-300)/2;//使用$(window).height()獲得顯示器的高,並算出相應的div離上邊的距離

obj.css("top",y).css("left",x);

上面這段**可以在頁面一載入完就執行。

如何使DIV層居中

用css如何使div層水平居中 這兩天開始對網誌進行大刀闊斧的頁面更改.今天碰到個很棘手的問題,div本身沒有定義自己居中的屬性,網上很多的方法都是介紹用上級的text align center然後巢狀一層div來解決問題.可是事實上這樣的方法科學嗎?經過網路搜尋和親自實驗得出以下結論 正確的也是對...

使div水平 垂直居中

將要設定居中的元素上 右 下 左 都設為0,再將margin值設為水平垂直居中 方法二 設定top和left為50 再設定margin top和left為負值 自己的一半 content 必須有position absolute position absolute top 50 left 50 wi...

用CSS使DIV水平居中

一,用css使div層水平居中 對需要水平居中的div層新增以下屬性 margin left auto margin right auto 這樣在ff中已經居中了,可是在ie中看還是沒有居中 問題並不在css而在xhtml網頁本身.需要加上這樣的 才能使得上述設定有效果 如何使div居中 主要的樣式...