Result
flexbox、align-items: center;を使って要素を上下左右の中央に配置する。
ただしIE11ではバグがあるので注意する
css
body { -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #03a9f4; display: -webkit-flex; display: flex;}.container { margin: 0 auto;} |
html
<div class="container"> <h1>Center</h1></div> |
