Подтвердить что ты не робот

Вертикальное выравнивание div с использованием Semantic-UI

Я не могу найти его где-нибудь в документах.

Есть ли способ вертикально центрировать div на странице с помощью семантики семантического-UI:)

Вот что я пытаюсь сделать:

<div class="ui centered grid">
  <div class="eight column wide">
    <div>I want to be centered vertically on a page</div>
  </div>
</div>

Ответ 1

http://semantic-ui.com/examples/grid.html

Используйте класс middle aligned в grid

Ответ 2

Я только что достиг этого, используя middle и установив высоты для определенных элементов:

.holder {
  height: 400px
}
.holder .middle {
  height: 100%
}

<link href="#" onclick="location.href='https://raw.githubusercontent.com/Semantic-Org/Semantic-UI/master/dist/semantic.css'; return false;" rel="stylesheet" />

<div class="holder">
  <div class="ui middle aligned grid">
    <div class="eight column wide">
      <div>I want to be centered vertically on a page</div>
    </div>
  </div>
</div>