Zero159

有時我們會希望我們的網頁元素可以隨時都保持在置中的狀況，不管使用者的螢幕解析度大小都還是可以置中。如果用絕對定位就沒辦法滿足這種條件了，所以我們可以用一些其他簡單的方式來達到目的。

方法一：自動邊界

#something{

margin-left: auto;

margin-right: auto;

width: 159px;

}

這個方法最簡單也最好用，幾乎支援現在的瀏覽器，除了ie6以下版本。

方法二：text-align置中

body{

text-align: center;

}

算是一種hack也支援大多數的瀏覽器，但是如此所有元素連文字排列都會被置中對齊，所以必須再另外的規則讓文字恢復靠左(text-align: left;)。

方法三：結合一和二，在body套用text-align: center並且在元素上也使用自動邊界。但同樣要再把文字設回left。

方法四：負邊界

#something{

position: absolute;

left:50%;

margin-left: -???px; //向左偏移置中元素寬度的＂一半＂

　　　　　 }

幾乎全部的瀏覽器都支援，並且也不用顧慮文字被置中對齊的問題。但是如果使用者的螢幕解析度很小，或是把視窗開的很小，就有可能會造成網頁的元素倍偏移出最左端而看不到。但是機會因該很少，如果你的網頁寬度是1000px，那對方螢幕視窗也至少要有1000畫素。目前應該比較少會有人的解析度是1024*768以下，所以還是蠻好的一個方式。