Вертикальный выравнивание с Tailwind CSS через полноэкранный Div ⇐ Html

[Anonymous]

Как я могу вертикально выравнивать дивизион с Tailwind?
Что я хочу: < /p>

Код: Выделить всё

-----------------------------------
|                                |
|                                |
|                                |
|             item1              |
|             item2              |
|                                |
|                                |
|                                |
-----------------------------------
< /code>
Что у меня в настоящее время: < /p>
-----------------------------------
|             item1              |
|             item2              |
|                                |
|                                |
|                                |
|                                |
|                                |
|                                |
-----------------------------------
< /code>


.bgimg {
background-image: url('https://d1ia71hq4oe7pn.cloudfront.net/photo/60021841-480px.jpg');
}< /code>


heading

call to action

Я успешно центрировался на вторичной оси (слева вправо) с элементами класса . Читая документацию, я попытался вывести Middle , но она не работает. Я подтвердил, что DOV имеет полную высоту и My-Auto .
Я использую эту версию Tailwind: https://cdn.jsdelivr.net/npm/tailwindcs ... min.cssbr/> https://jsfiddle.net/7xnghf1m/2/

Подробнее здесь: https://stackoverflow.com/questions/550 ... screen-div