ブックマーク / qiita.com/junara (1)

  • (個人的まとめ)よく使うflexboxの設定

    flexboxって? flexboxレイアウトは、複数の子要素を揃えてレイアウトする仕組み 参考:A Complete Guide to Flexbox 親要素のCSSを設定するだけで子要素が簡単に揃ってくれる。 最低限「display: flex;」だけで横に揃う bootstrapの場合、揃えたい子要素全てにclass="col-xx-yy"を書く必要があるのに対して、flexboxの場合は必要な最小コードはたった一行、揃えたい子要素の親要素に加えるだけ。 目的 個人的にflexboxでよく使うコードのメモを残す 基のき flexboxを使う最小限のコード 横に揃えるだけなら、親要素に display: flex;を加えるだけ。

    (個人的まとめ)よく使うflexboxの設定
    yfnt
    yfnt 2017/01/04
  • 1