Вертикальное выравнивание левого и правого столбцов в динамический средний столбец разной высоты с использованием только CSS?

В приведенном ниже примере jsfiddle мне нужен левый столбец (#left) и правые столбцы (#right), чтобы по вертикали выровнять середину среднего столбца (#middle). Высота среднего столбца (#middle) может различаться.Вертикальное выравнивание левого и правого столбцов в динамический средний столбец разной высоты с использованием только CSS?

Это для мобильных устройств, следовательно, использование

text-overflow:ellipsis; 
white-space:nowrap; 
overflow:hidden;

Эта часть, кажется, работает в соответствии с требованиями на экране изменения размера.

Может ли это быть достигнуто только с помощью CSS (без javascript)?

См: http://jsfiddle.net/TGsdg/4/

источник

2011-12-16 haydenp

Вот решение, которое я работаю, используя 'дисплей: настольный cell' для вертикального выравнивания содержимого: HTTP : //jsfiddle.net/jblasco/4T8WU/1/ К сожалению, «переполнение: скрыто», похоже, не имеет эффекта. Может быть, скрипка даст кому-то еще идею. – justis

Получил его на работу, но только с фиксированной высотой. Это неприемлемо? http://jsfiddle.net/jblasco/4T8WU/2/ – justis

Единственный способ сделать это состоит в использовании дисплей: стол (-клетка) со столом-макета: фиксированный. Это будет работать только, однако, если ваш правый & левый colums может иметь фиксированную ширину:

http://jsfiddle.net/TGsdg/7/

источник

2011-12-16 13:04:29 ptriek

, который отлично работает. Спасибо! – haydenp

Вертикальное выравнивание левого и правого столбцов в динамический средний столбец разной высоты с использованием только CSS?

ответ

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