Вертикально отцентрировать текст в li - HTML и CSS

Darkstar100 · 26.01.2010, 00:49

Динамический блок в таблице форума прижат вправо. В нем текст "Last post такой-то". Как этот текст отцентрировать по вертикали?

main-item li.info-lastpost {
font-size: 0.9em;
color: #888888;
width: 20em;
display: block;
float: right;}

cooperOk · 26.01.2010, 11:16

сделать ему line-height с высотой этой ячейки

Darkstar100 · 26.01.2010, 13:46

Я не могу задать высоту. Ячейка динамически растягиваться должна, следуя за максимальной высотой ячейчи слева, к которой она получается, не привязана.

Darkstar100 · 26.01.2010, 13:56

И line-height вряд ли подойдет -- там двойная строка. Last post и внизу под ней <space> Author </space>, который магически переносится на другую строку, скорее всего, благодаря тому, что ему задан display: block -- сам не знаю, почему он переносится.

Darkstar100 · 26.01.2010, 20:21

Короче, на практике дал margin-top: 2em без всякой вертикальной центровки, а в теории вопрос открыт.

webDoktor · 27.01.2010, 14:23

Раз требуется выровнять текст, то можно испробовать след. параметр:

Код:

vertical-align: middle;

Данный метод роботает во всех браузерах, кроме IE!

Вот неплохая статья по выравниванию блоков и текста через CSS: _http://www.beart.ru/2008/07/vertikalnoe-vyravnivanie-v-css/

Darkstar100 · 27.01.2010, 15:15

Если что-то не работает под IE6 это вообще не работает, и не спорьте...

SkyM@n · 27.01.2010, 21:51

Цитата:

Сообщение от Darkstar100

Если что-то не работает под IE6 это вообще не работает, и не спорьте...

Провокация на флейм/холивар? Горчичники еще имеются. Вам какой - желтый или красный?

26.01.2010, 00:49	#1
Darkstar100 Пользователь Регистрация: 17.01.2010 Сообщений: 14	Вертикально отцентрировать текст в li Динамический блок в таблице форума прижат вправо. В нем текст "Last post такой-то". Как этот текст отцентрировать по вертикали? main-item li.info-lastpost { font-size: 0.9em; color: #888888; width: 20em; display: block; float: right;}

27.01.2010, 14:23	#6
webDoktor Новичок Джуниор Регистрация: 27.01.2010 Сообщений: 3	Раз требуется выровнять текст, то можно испробовать след. параметр: Код: `vertical-align: middle;` Данный метод роботает во всех браузерах, кроме IE! Вот неплохая статья по выравниванию блоков и текста через CSS: _http://www.beart.ru/2008/07/vertikalnoe-vyravnivanie-v-css/

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Как расположить title в гриде вертикально	codekick	БД в Delphi	0	24.01.2010 12:47
как отцентрировать div	Xeon332	HTML и CSS	9	06.05.2009 14:04
текст	xaft	Общие вопросы .NET	2	06.03.2009 15:54
Как узнать какой текст выделен в текст поле	mogul82	JavaScript, Ajax	2	02.11.2008 16:32
развернуть label на 90 градусов вертикально	Inbox	Компоненты Delphi	2	11.06.2007 15:30

26.01.2010, 11:16	#2
cooperOk Пользователь Регистрация: 11.11.2009 Сообщений: 66	сделать ему line-height с высотой этой ячейки

26.01.2010, 13:46	#3
Darkstar100 Пользователь Регистрация: 17.01.2010 Сообщений: 14	Я не могу задать высоту. Ячейка динамически растягиваться должна, следуя за максимальной высотой ячейчи слева, к которой она получается, не привязана.

26.01.2010, 13:56	#4
Darkstar100 Пользователь Регистрация: 17.01.2010 Сообщений: 14	И line-height вряд ли подойдет -- там двойная строка. Last post и внизу под ней <space> Author </space>, который магически переносится на другую строку, скорее всего, благодаря тому, что ему задан display: block -- сам не знаю, почему он переносится.

26.01.2010, 20:21	#5
Darkstar100 Пользователь Регистрация: 17.01.2010 Сообщений: 14	Короче, на практике дал margin-top: 2em без всякой вертикальной центровки, а в теории вопрос открыт.

27.01.2010, 15:15	#7
Darkstar100 Пользователь Регистрация: 17.01.2010 Сообщений: 14	Если что-то не работает под IE6 это вообще не работает, и не спорьте...