“Тяжелый центр по вертикали” Ответ

Центр Div вертикально

<div class="flex items-center justify-center h-screen">...</div>
Talal Numan

Горизонтальный выравнивание Tailwind

  <div class="flex items-center justify-center h-screen">
    
	<div class="bg-indigo-800 text-white font-bold rounded-lg border shadow-lg p-10">
		Centered Content
	</div>
	
  </div>
Grumpy Goldfinch

Хусторный гибкий центр выравнивания предметов

<div class="flex items-center ...">
  <div>1</div>
  <div>2</div>
  <div>3</div>
</div>
Beautiful Bear

Тяжелый центр по вертикали

<span class="inline-block align-middle ...">...</span>
Dizzy Dog

Вертикальный выравнивание Tailwind

Class               Properties
-----               ----------
align-baseline      vertical-align: baseline;
align-top           vertical-align: top;
align-middle        vertical-align: middle;
align-bottom        vertical-align: bottom;
align-text-top      vertical-align: text-top;
align-text-bottom   vertical-align: text-bottom;
Easy Elk

Вертикальный свиток

<div class="overflow-y-auto h-32 ...">Lorem ipsum dolor sit amet...</div>
Beautiful Bear

Ответы похожие на “Тяжелый центр по вертикали”

Вопросы похожие на “Тяжелый центр по вертикали”

Больше похожих ответов на “Тяжелый центр по вертикали” по CSS

Смотреть популярные ответы по языку

Смотреть другие языки программирования