Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Общие вопросы по вёрстке Выравнивание текста по центру блока при верстке в divaх

Выравнивание текста по центру блока при верстке в divaх


     26.06.2011    Общие вопросы по вёрстке    3312

вопрос
Такая вот задачка возникла в процессе верстки.

Нужно сверстать в div три колонки.

Выравнивание текста по центру блока при верстке в divaх


Например, в первой колонке - картинка в центре колонки. В двух других колонках - текст.

Высота колонок - неизвестна, так как неизвестно сколько текста в каждой из них, в одной больше, в другой меньше.

Но по высоте во всех колонках текст должен быть выровнен по центру колонки.

При табличной вёрстке это всё реализуется по дефолту. А вот как реализовать и возможно ли реализовать исключительно в дивах?

Ответил: ПафНутиЙ


В вашем случаи лучший вариант - таблицы.

Ну а вообще:

div {
display: table-cell;
vertical-align: middle;
}


этот способ работает только в адекватных браузерах. Для IE<7 лучше юзать таблицы.

Так же возможно будет интересно почитать вот это: Vertical centering using CSS статья на инглише.

Комментарии пользователей (1)

lopirevair
4

lopirevair - 3 августа 2015 12:33 - Юзер

отлично, спасибо !

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы