Самый простой, удобный и легкий способ выровнять div-блок по центру можно с помощью CSS. Для многих может показаться странным, уточнение, что выравнивание будет проводиться средстами CSS. Но это потому, что того же эффекта можно добиться с помощью jQuery.
Для этого мы созданим обертку под названием wrapper. В нее можно помещать контент или целую страницу. А в каскадных таблицах стилей зададим его ширину и отступы. Например, если у нас блог фиксированной ширины:
.wrapper {width: 975px; margin: 0 auto;}
Здесь важная особенность — в качестве параметра указано auto
. Это значит что выравнивание будет происходить автоматически и нам не придется на перед просчитывать возможную ширину экрана пользователя, который будет просматривать наш сайт.