CSS центр текста (по горизонтали и вертикали) внутри блока div - PullRequest
726 голосов
/ 18 апреля 2011

У меня div установлено на display:block (90px height и width), и у меня есть текст внутри.

Мне нужно, чтобы текст был выровнен по центрукак по вертикали, так и по горизонтали.

Я пробовал text-align:center, но он не выполняет горизонтальную часть, поэтому я пробовал vertical-align:middle, но это не сработало.

Любые идеи

Ответы [ 22 ]

0 голосов
/ 02 февраля 2018

Это сработало для меня:

.center-stuff{
    text-align: center;
    vertical-align: middle;
    line-height: 230px; /* This should be the div height */
}
0 голосов
/ 26 апреля 2017

Применить стиль:

position: absolute;
top: 50%;
left: 0;
right: 0;

Ваш текст будет центрирован независимо от его длины.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...