Сохранение «статического размера» div с центрированием при изменении размера страницы

Question

У меня есть div с шириной 465 пикселей, и я хочу, чтобы он был центрирован при изменении размера страницы. Я не могу по-настоящему сосредоточиться, используя ширину набора, а не используя%.

Пример: Я использовал «margin-left: 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;