search

nostalgic-css / NES.css

NES-style CSS Framework | ファミコン風CSSフレームワーク
https://nostalgic-css.github.io/NES.css/
MIT License
20.47k stars 1.64k forks source link

Vertical Centering Support #411

Closed GreXLin85 closed 4 years ago

GreXLin85 commented 4 years ago

Hello I want to make my nes-container vertical centered. I tried vertical-align: middle; but nothing changes, what can I do?

BcRikko commented 4 years ago

Sorry. I can't give you an answer because I don't know your situation in detail. For general CSS tips, try using a flexbox. 👍 

<div class="nes-container with-title">
  <span class="title">vertical align</span>
  <div class="vertical-center">
    ...your content
  </div>
</div>
.vertical-center {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}