Вертикально центр

Question

Я хочу расположить подменю вертикально на этой странице между двумя строками.

http://complete.sanscode.com/Landscape.

См. Часть, которая говорит Мастер планирования | Парк ... и т. Д. Я бы хотел использовать jquery для центрирования. Кто-нибудь знает как?

Редактировать: Меню может содержать более одной строки.

Спасибо

Jason

Answer 1

Просто установите CSS line-height на фиксированное значение: http://jsfiddle.net/simevidas/yHJjx/

Answer 2

Я сдался и использовал таблицы.

http://giveupandusetables.com/

но высота строки сделала свое дело, см. Выше ответы

Answer 3

Удалите верхний отступ из вашего идентификатора #navigation и добавьте line-height:120px.Вам не нужен jQuery для этого.

#navigation {
height:120px;
line-height:120px;
padding:0 1em 0 0;
width:720px;
}

Answer 4

Из того, что я могу сказать, вы хотите центрировать элемент в области фиксированной высоты? Лучше всего, просто добавив верхнее поле, чтобы выбрать навигацию вниз и соответствующим образом откорректировать атрибут высоты.

Кроме того, ваша навигация покидает экран, когда вы тоже уменьшаете окно браузера. Я бы посоветовал добавить контейнер div с фиксированной шириной, за которой вы следите, и на полях auto. Немного не по теме, но это должно облегчить управление элементами.

Answer 5

Вы можете установить атрибут css 'line-height' для соответствующего содержимого, чтобы сделать его вертикальным центром, просто попробуйте