♛ FORTRESS-DESIGN

Центрирование по горизонтали средствами CSS

Самый простой, удобный и легкий способ выровнять div-блок по центру можно с помощью CSS. Для многих может показаться странным, уточнение, что выравнивание будет проводиться средстами CSS. Но это потому, что того же эффекта можно добиться с помощью jQuery.

Для этого мы созданим обертку под названием wrapper. В нее можно помещать контент или целую страницу. А в каскадных таблицах стилей зададим его ширину и отступы. Например, если у нас блог фиксированной ширины:

.wrapper {width: 975px; margin: 0 auto;}

Здесь важная особенность — в качестве параметра указано auto. Это значит что выравнивание будет происходить автоматически и нам не придется на перед просчитывать возможную ширину экрана пользователя, который будет просматривать наш сайт.

Morrowind / Shutterstock.com

Перейти к верхней панели