Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы по вёрстке » Выравнивание текста по центру блока при верстке в divaх

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


     26.06.2011    верстка, div, css    Все вопросы » Общие вопросы по вёрстке    5431

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

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

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


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

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

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

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

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


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

Ну а вообще:

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


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

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

1 комментарий

lopirevair
Юзер

lopirevair - 3 августа 2015 12:33 -

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

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

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

наверх