0 Пользователей и 1 Гость просматривают эту тему.
  • 1 Ответов
  • 1408 Просмотров
*

dmtn

  • Захожу иногда
  • 379
  • 25 / 2
Столкнулся с вопросом, - есть такое вертикальное меню:
Код
<ul class="menu">
   <li>
<div> <a href="/yabloki-1/...">Яблоки красные</a> </div>
   </li>
   <li>
<div> <a href="/yabloki-2/...">Яблоки красные сладкие квадратные с ушами, бегают быстро</a></div>
   </li>
</ul>

и пока для него такой CSS

Код
.menu li {
height:3.5em;
border: 1px solid #FF1D25;
}
.menu li a {
display: block;
vertical-align: middle;
}

Как видно, второй пункт меню длинный, бьется на две строки. Для кнопок задается высота несколько больше двух строк и надо выровнять текст по центру кнопки, - как однострочного меню, так и двухстрочного. Как это можно реализовать?
« Последнее редактирование: 28.12.2017, 09:53:27 от dmtn »
*

dmtn

  • Захожу иногда
  • 379
  • 25 / 2
Re: Вертикальное выравнивание
« Ответ #1 : 28.12.2017, 12:52:12 »
сработало только  это

Код
.menu li {
display: block;
}
.menu li a {
display: table-cell;
height:3.5em;
}
Чтобы оставить сообщение,
Вам необходимо Войти или Зарегистрироваться
 

Вертикальное выравнивание текста внутри textarea [РЕШЕНО]

Автор dm-krv

Ответов: 11
Просмотров: 6636
Последний ответ 23.03.2019, 21:53:08
от sivers
Выравнивание блоков по высоте

Автор BrutalMan

Ответов: 6
Просмотров: 1461
Последний ответ 08.08.2016, 06:30:15
от neogeek
Выравнивание и закрепление меню

Автор zotchiy

Ответов: 4
Просмотров: 1204
Последний ответ 25.03.2016, 15:40:16
от Shustry
выравнивание верхнего меню по центру шаблона

Автор kunsaid

Ответов: 2
Просмотров: 1408
Последний ответ 16.02.2016, 22:32:20
от kunsaid
Выравнивание по центру меню

Автор umserg

Ответов: 4
Просмотров: 1256
Последний ответ 03.11.2015, 20:29:12
от umserg