flexを使って要素を手っ取り早く縦横の中央寄せにしたい
こんな感じでDOM要素のど真ん中に寄せたい時に、毎回忘れそうになるので備忘録もかねて
flexバンザイ
flex.html
<div style="width: 100px;height: 100px;display: flex;align-items: center;justify-content: center;background-color: antiquewhite;">
test
</div>
flex.html
<div style="width: 100px;height: 100px;display: flex;align-items: center;justify-content: center;background-color: antiquewhite;">
test
</div>
displayをflexに、align-items、justify-contentの両方ともにcenterを指定してあげればOKです。
昔はvertical-alignとかで頑張ったなぁ
Author And Source
この問題について(flexを使って要素を手っ取り早く縦横の中央寄せにしたい), 我々は、より多くの情報をここで見つけました https://qiita.com/fumihiko-hidaka/items/ea36dcae064c32cb322a著者帰属：元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .