вопрос
Такая вот задачка возникла в процессе верстки.
Нужно сверстать в div три колонки.
Например, в первой колонке - картинка в центре колонки. В двух других колонках - текст.
Высота колонок - неизвестна, так как неизвестно сколько текста в каждой из них, в одной больше, в другой меньше.
Но по высоте во всех колонках текст должен быть выровнен по центру колонки.
При табличной вёрстке это всё реализуется по дефолту. А вот как реализовать и возможно ли реализовать исключительно в дивах?
Нужно сверстать в div три колонки.
Например, в первой колонке - картинка в центре колонки. В двух других колонках - текст.
Высота колонок - неизвестна, так как неизвестно сколько текста в каждой из них, в одной больше, в другой меньше.
Но по высоте во всех колонках текст должен быть выровнен по центру колонки.
При табличной вёрстке это всё реализуется по дефолту. А вот как реализовать и возможно ли реализовать исключительно в дивах?
В вашем случаи лучший вариант - таблицы.
Ну а вообще:
этот способ работает только в адекватных браузерах. Для IE<7 лучше юзать таблицы.
Так же возможно будет интересно почитать вот это: Vertical centering using CSS статья на инглише.
Ну а вообще:
div {
display: table-cell;
vertical-align: middle;
}
этот способ работает только в адекватных браузерах. Для IE<7 лучше юзать таблицы.
Так же возможно будет интересно почитать вот это: Vertical centering using CSS статья на инглише.