Центрирование блока по горизонтали

Центрирование блока по горизонтали

Для того, чтобы отцентрировать блок по горизонтали с помощью чистого CSS нужно точно задать его ширину и установить отступы на auto:

Центрирование блока по горизонтали и вертикали

Для центрирования блока по горизонтали и по вертикали также нужно задать точные размеры для блока и позиционировать абсолютно с 50% смещением относительно левого верхнего угла окна. Корректировка центрального положения производится с помощью указания отрицательных отступов в половину указанных размеров блока соответственно.

Горизонтальное и вертикальное центрирование на jQuery

Если размеры блока не известны, но центрировать его все же необходимо, то тогда на выручку придет javascript.


Функция $(window).resize() работает каждый раз при изменении размера окна, плюс мы вызываем ее при формировании документа последней строкой скрипта. Мы используем outerWidth() и outerHeight(), потому что они в отличие от width() и height(), включают все отступы и толщину границ.

Рейтинг
( 1 оценка, среднее 4 из 5 )
Понравилась статья? Поделиться с друзьями:
Заметки вебмастера
Добавить комментарий

восемнадцать − 6 =

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

Adblock
detector