html cssを勉強し始めた頃、やりましたよね、float 手こずりませんでしたか？
この煩わしさを解消してくれるのに現れたのがflexboxです。
flexboxに出来ること。（基本）
・CSSを一行書くだけで横並びにできます。
・要素を上下左右好きな順序に変えられます。
・高さの異なる要素を中央揃えできます。
・要素の間のスペースも変更可能
実際の例
– display: flex;
– htmlはデフォルトで縦並びになってます
– display: flex; をかけることで横並びにできます。
– justify-content:centerをかけると横を均等にできます。
– align-items:centerをかけることで＋上下を均等にできます。
– flexboxはデフォルトで横並びになってます。
– flex-direction: column;を設定すると縦並びになります！
コメント