Wyrównanie pionowe elementu div przy użyciu semantycznego interfejsu użytkownika

Question

Nie mogę znaleźć go nigdzie w dokumentach.

Czy istnieje sposób, aby wyśrodkować div pionowo na stronie za pomocą semantyki Semantic-UI :)

Oto, co usiłuję zrobić:

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

Answer 1

Właśnie to osiągnąć za pomocą middle i ustawienie wysokości do określonych elementów:

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

<link href="https://raw.githubusercontent.com/Semantic-Org/Semantic-UI/master/dist/semantic.css" 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>

Answer 2

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

Zastosowanie middle aligned klasa na grid