保持一个“静态大小的”分区大小调整

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;