ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как отцентровать текст по вертикали внутри блочного элемента?
3 сообщений из 3, страница 1 из 1
Как отцентровать текст по вертикали внутри блочного элемента?
    #38890864
Alibek B
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alibek B
Участник
Есть такая разметка:
Код: html
1.
2.
3.
4.
5.
6.
<ul>
  <li><a href="...">text1</a></li>
  <li><a href="...">text2</a></li>
  <li><a href="...">text3</a></li>
  <li><a href="...">text4</a></li>
</ul>



Для ul задан display:table, для li заданы display:table-cell, также для li определены одинаковые размеры width и height.
Нужно сделать так, чтобы можно было кликнуть по любому месту внутри li, не обязательно целясь на текст ссылки.
Задал для a display:block, width:100%, height:100%. Ссылка ведет себя как положено, но текст выравнивается по верхней границе.
Можно ли как-то отцентровать текст? vertical-align для a не помогает.
________________________
Мы смотрим с оптимизмом...
...в оптический прицел.
...
Рейтинг: 0 / 0
27.02.2015, 16:25
| Ответить | Цитировать | Написать  
Как отцентровать текст по вертикали внутри блочного элемента?
    #38890890
Фотография бухалтер фантоцци
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
бухалтер фантоцци
Участник
Например так
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
a {
   display: block;
   width: 100%;
   height: 100%;
   font: normal 13px arial;
   line-height: 30px; /* поставить нужное значение или попробовать 100%, если анкор занимает не более одной строки */
   vertical-align: baseline;
}


"font" должен находиться ДО "line-height", иначе не будет работать
...
Рейтинг: 0 / 0
27.02.2015, 16:48
| Ответить | Цитировать | Написать  
Как отцентровать текст по вертикали внутри блочного элемента?
    #38890978
Alibek B
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Alibek B
Участник
Что-то такое мне тоже не нравится.
Вообщем сделал просто display:block.
...
Рейтинг: 0 / 0
27.02.2015, 18:09
| Ответить | Цитировать | Написать  
3 сообщений из 3, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как отцентровать текст по вертикали внутри блочного элемента?
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&gotonew=1&tid=1446226]:
 0ms
get settings:
 7ms
get forum list:
 14ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 172ms
get topic data:
 10ms
get first new msg:
 5ms
get forum data:
 2ms
get page messages:
 41ms
get tp. blocked users:
 1ms
others: 204ms
total:  462ms
созд. / загр.: 462ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]