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

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

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

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

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

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

Центрирование по горизонтали средствами CSS
Morrowind / Shutterstock.com

Понравилась статья? Поделиться с друзьями:
Добавить комментарий

;-) :| :x :twisted: :smile: :shock: :sad: :roll: :razz: :oops: :o :mrgreen: :lol: :idea: :grin: :evil: :cry: :cool: :arrow: :???: :?: :!: