cartman0 https://blog.hatena.ne.jp/cartman0/ はしくれエンジニアもどきのメモ https://cartman0.hatenablog.com/ CSS フレキシブルレイアウト CSS3 flex(box) メモ CSS3 のflex(box) を使ってみたのでメモ。 flexを使うことで，floatで悩んでいた水平方向の揃え，垂直方向の揃え，wrap後の揃え方などを調整でき，フレキシブルなレイアウトが可能になる． CSS3 flex(box) メモ サンプル（codepen） 対応ブラウザ ドキュメント 配置方向 flex-direction 折り返し flex-warp 伸びる倍率 flex-grow 順番 order 水平方向の揃え方 justify-content 水平方向の揃え方 justify-content justify-content: betwee… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fcartman0.hatenablog.com%2Fentry%2F2015%2F06%2F01%2F005705" title="CSS3 flex(box) メモ - はしくれエンジニアもどきのメモ" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> Hatena Blog https://hatena.blog 2015-06-01 00:57:05 rich https://cartman0.hatenablog.com/entry/2015/06/01/005705 1.0 100%