DIV的絕對居中

很多時候，我們需要在瀏覽器中讓乙個div居中進行顯示，而不會受到滾動條的影響，那怎麼才能得到效果？其實，很簡單，你需要理解下面這段就可以了。

最前端開人鬱悶的就是瀏覽器的相容性問題，所以在下面的**中通過各瀏覽器的特有屬性，來進行判斷瀏覽器的型別。

比如說，self.pageyoffset 如果它為true的話，那麼它說明在ie9中起作用，也說明了這個屬性在ie9中是獨一無二的。

直接看**：

html code：

<

div 
id='mypopup' 
name
='mypopup' 
style
='position: 
absolute; width: 250px; height: 200px;
display: none; background: #ddd; border: 1px solid #000; z-index: 100'
>
<
p>
我現在的位置是居中狀態
<
br>
p>
<
input 
type
='submit' 
value
=' 關閉視窗! (2) ' onclick
='document.getelementbyid("mypopup").style.display="none"'
>
div>
<
input 
type
='submit' 
value
=' fire! (2) ' onclick
='firemypopup()'
>

這就能得到在各個瀏覽器中絕對居中了。當然還有其他的方法，比如說 用css，也ok。

特殊情況：

如果，你不需要居中腫麼辦呢？很簡單啊，你需要改的僅僅是下面這句話：

var leftoffset = scrolledx + (centerx - 250) / 2;

var topoffset = scrolledy + (centery - 200) / 2;

比如說，你現在把當前的div放到top 100px，left 100px，就需要下面操作：

var leftoffset = scrolledx + 100;

var topoffset = scrolledy + 100;

DIV絕對居中

下面是源 html head style type text css 居中層css，定位頁面 的一點 center 內容層css，根據 的一點確定自己的位置 content 以上兩個從看到的，進行了一定的修正 以上兩個的合併，只要呼叫這乙個class就ok了 test center style he...

絕對定位的div,如何居中

from div絕對定位居中這樣的效果在網頁設計中經常碰到，這裡記錄下來和大家共同學習。下面是乙個div絕對定位居中的例子，父級是相對整個html文件的 html div絕對定位居中 css wrap 分析 position absolute 這個是必須的。div塊設定為了200 200大小，距離頂...

固定寬高的DIV絕對居中示例

看了一些 然後自己試驗了一番，分享如下示例 實現點 如果元素的寬高固定,那麼,css指定樣式為top 50 left 50 而margin top和 margin left 指定為負數，絕對值為自身寬高的一半 當然，position也需要指定為absolute,或者relative.如果要在某個父級...