Доктор Лексиум
Главная » Блог » Как отцентровать картинку
https://www.lexium.ru/2011/02/kak-otcentrovat-kartinku/

Как отцентровать картинку

Как отцентровать картинку?

Каждый веб-мастер только посмеется над этим вопросом. Кажется, что задать его может только полный ламер.

Не спешите с выводами. Да, отцентровать картинку легко, но есть одно НО! Картинка центруется только внутри другого элемента. Берем <div></div> или <p></p>, создаем ему класс в котором прописываем text-align:center и готово.

А как быть, если этого элемента (контейнера) нет? Добавить? А если это не удобно?

Простой пример. Визуальный редактор админки WordPress при центровке просто добавил изображению класс (class=»aligncenter»).

Круто! Но картинка при просмотре с сайта так и осталась прижатой влево.

Как отцентровать картинку без контейнера?

Раз ей задан класс  «aligncenter» просто добавьте в style.css следующий код:

.aligncenter {display:block; margin:5px auto 5px;}

И вуаля!))

5px — это отступы сверху и снизу. Их можно варировать как вам нужно.

А с вами был Лексиум.
Можете не аплодировать)))

PS Отдельное спасибо владельцу сайта umade.ru

ледиольга
Ответ написан 27 февраля 2011 в 13:24. · Изменить грАватар

Привет!

Алексей F8
Ответ написан 27 февраля 2011 в 13:28. · Изменить грАватар

Привет!

ледиольга
Ответ написан 27 февраля 2011 в 13:32. · Изменить грАватар

картинку поменял

Ал
Ответ написан 21 февраля 2015 в 13:13. · Изменить грАватар

не работает

Доктор Лексиум
Ответ написан 23 февраля 2015 в 21:05. · Изменить грАватар

@ Ал:
Не работает только если писать не то, не туда и не в то место. Пользуюсь постоянно и все отлично.

Следить за темой по RSS

Напишите комментарий