Вложенные div и центрирование текста?

У меня есть некоторые HTML, который похож на этот jsfiddle: http://jsfiddle.net/npbvm/Вложенные div и центрирование текста?

Используя некоторые JQuery, программа присваивает новые высоты для каждого из див, так что внешние дивы больше, то на внутренних. Он также репозиционирует разделение divs по вертикали в своем родителе (используя top).
Проблема в том, что, хотя divs выровнены по вертикали, текст, который они содержат, не является.

Есть ли способ переместить весь содержащийся текст в вертикальный центр div?

Благодаря Макс

источник

2012-01-15 Ben

Вы можете достичь вертикального центрирования без JQuery с помощью CSS. Для современных браузеров вы будете использовать 'display: table-cell', для IE7 вам потребуется резервное копирование. http://stackoverflow.com/questions/79461/vertical-alignment-of-elements-in-a-div – mrtsherman

Обнаружена работа вокруг. Вместо того, чтобы делать высоту и пытаться сосредоточить все. Вместо этого я просто использовал прокладку. Он работает намного лучше и намного чище.

Спасибо за ответы, хотя,
Max

источник

2012-01-15 06:55:07 Ben

я сделал что-то вроде этого раньше, попробуйте использовать позиционирование яваскрипта функции. Затем выполните эти строки. Он переставляет текстовые позиции.

$(".yourdivs").each(function(){ 
     $(this).css('height',''); 
     $(this).css('display','inline-block'); 
    });

источник

2012-01-15 06:30:44 batbaatar

Существует множество способов добиться этого с любой альтернативой, имеющей свой недостаток. Я думаю, что в вашем случае вы можете сыграть с line-height, чтобы переместить текст.

источник

2012-01-15 06:36:31 defau1t

Вложенные div и центрирование текста?

ответ

Смежные вопросы