Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как отцентровать текст по вертикали внутри блочного элемента? / 3 сообщений из 3, страница 1 из 1
27.02.2015, 16:25
    #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:48
    #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, 18:09
    #38890978
Alibek B
Alibek B
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Как отцентровать текст по вертикали внутри блочного элемента?
Что-то такое мне тоже не нравится.
Вообщем сделал просто display:block.
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Как отцентровать текст по вертикали внутри блочного элемента? / 3 сообщений из 3, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 426ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1446226]:
 0ms
get settings:
 5ms
get forum list:
 10ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 169ms
get topic data:
 6ms
get forum data:
 2ms
get page messages:
 24ms
get tp. blocked users:
 1ms
others: 205ms
total:  426ms
x
x
Закрыть


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