保持一個「靜態大小的」分區大小調整

Question

頁

中心時，我有一個的640x465像素寬度的DIV，和我想保持它爲中心網頁時調整。當使用設置寬度而不是使用％時，我無法設法將它居中。

例：I曾用 「保證金左：40％;」但是當屏幕很小時，div被推得太靠右（因爲它不會縮小屏幕），並且當頁面是全屏幕時，div離得太遠。

Answer 1

你可以做到這一點：只要你有一個寬度設定

div { 
    position: absolute; 
    left: 50%; // Position 50% 
    top: 50%; 
    width: 465px; 
    height: 465px; 
    margin: -232px 0 0 -232px; // - (width/2) to center and height 
} 

Answer 2

，只需在您CSS用這個一致的水平居中。

.name-of-div { 
    width:465px; 
    margin:auto auto; 
} 

進一步..如果你想它爲軸心的水平和垂直看看這個網頁，其中說明了以下CSS

.name-of-div { 
    margin: auto; 
    position: absolute; 
    top: 0; left: 0; bottom: 0; right: 0; 
} 

http://codepen.io/shshaw/full/gEiDt

Answer 3

也應該工作margin:0 auto;