CSS вертикальный центр по кругу

css css3 vertical-alignment wrap css-shapes

5298 просмотра

2 ответа

Я пытаюсь расположить текст по центру в якоре. Я использовал высоту строки, и она работает, но когда текст переносится, текст во второй строке получает высоту строки ... Как я могу центрировать текст в привязке так, как это происходит?

http://jsfiddle.net/y2UYX/1/ - Нажмите на кружок, чтобы показать другие кружки, и вы поймете, что я имею в виду.

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

Большое спасибо!

Автор: Ron Источник Размещён: 17.05.2019 02:32

Ответы (2)


6 плюса

Решение

Вы можете использовать display:tableсобственность для этого. Напишите это так:

.SubMenu li {
  margin:50px;
  background:red;
  border-radius:50px;
  height:100px;
  width:100px;
  display:table;
}

.SubMenu a {
   height:100px;
   width:100px;
   display:table-cell;
   text-align: center;
   vertical-align: middle;
}

Проверьте это JSFiddle.

Автор: sandeep Размещён: 17.03.2012 08:24

0 плюса

Вы можете использовать стиль элемента для этого

element.style {
line-height: 13px;
padding-top: 37px;
height: 60px;}
Автор: Sam Размещён: 13.04.2012 12:06
Вопросы из категории :
32x32