CSS центр текста (по горизонтали и вертикали) внутри блока div

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

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

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

Есть идеи?

727
задан Peter Mortensen 1 July 2019 в 22:17
поделиться

1 ответ

Для меня это было лучшим решением:

HTML:

 <div id="outer">  
     <img src="logo.png">
 </div>

CSS:

#outer {
  position: fixed;
  top: 50%;
  left: 50%;
  /* bring your own prefixes */
  transform: translate(-50%, -50%);
}
0
ответ дан 22 November 2019 в 21:22
поделиться
Другие вопросы по тегам:

Похожие вопросы: