LINUX.ORG.RU

CSS и вертикальное позиционирование.


0

0

Задача такая. Нужно сделать ряд красивых кнопок-ссылок с текстом на них.

Решение, вроде, очевидно - картинку в бэкграунд тэга A, задать блочный вид элемента, выравнивание влево, чтобы можно было горизонтально линейку таких кнопок положить и - vertical-align: middle.

Но не тут-то было. vertical-align работает только в рамках текущей строки. А контент каждого блочного "a" - это отдельная строка.

Если задать общий line-height - тут вторая бяка. Длинный текст должен сворачиваться в две строки. Но с line-height во всю высоту строки вторая строка уползает вниз под кнопку.

Есть мысли, как это обойти, кроме лобового использования разных классов для которких и длинных строк?

★★★★★

Re: CSS и вертикальное позиционирование.

обернуть A в DIV, сделать картинку фоном тега DIV?

anonymous ()
Ответ на: Re: CSS и вертикальное позиционирование. от anonymous

Re: CSS и вертикальное позиционирование.

Так ничего ж не изменится. Или line-height будет общий, и тогда будет огромное межстрочное расстояние, или индивидуальный, и тогда не будет общей средней линии. Тут где-то в другом решение искать надо.

KRoN73 ★★★★★ ()
Ответ на: Re: CSS и вертикальное позиционирование. от KRoN73

Re: CSS и вертикальное позиционирование.

Вместо A, использовать div, но тогда в осле придется извращаться ибо в шестом кажись события от дива не приходят…

wfrr ★★☆ ()
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.