この記事の技術的な目的は要素を横並び、高さを揃えてテキストを上下左右中央寄せにするです。 前半は理論的な事をグダグダ述べていますので興味のない方は「最後に」まで飛んで下さい! 本題 flexboxと言えばfloatと同様、横並びによく使うcssですね。floatの場合、clearを後続の要素に足さなくて...
カンタンに横並びや縦横中央揃えができるという理由から「使わな損やで?」みたいに取り上げられがちなdisplay:table-cell;ですが、それ以上に仕様と特性をちゃんと理解していないと、結構危険なCSSプロパティです。 初心者なら「floatって挙動がよくわからないし、clearfixもどう使ったら良いの...