display:table-cell;を安易に使うべきでない理由いろいろ - Qiita

display:table-cell;は特性を理解してから使おう カンタンに横並びや縦横中央揃えができるという理由から「使わな損やで？」みたいに取り上げられがちなdisplay:table-cell;ですが、それ以上に仕様と特性をちゃんと理解していないと、結構危険なCSSプロパティです。 初心者なら「floatって挙動がよくわからないし、clearfixもどう使ったら良いのかわからん。」と理由で、上級者なら「IE8以上から上下中央揃えを実現できるなんて最高だぜヒャッホゥ！」といった理由から選択しがちですが、使う場合は以下の様なデメリットがあることを必ず踏まえておいてください。 レスポンシブレイアウトでの自由さがない コーディングの際にPCで5列、スマホで1列になるグリットレイアウトのデザインがあったとします。 そしてHTMLはなるべく分かりやすく、メンテナンスも簡単に済むように以下の形式で

[myfirm]

display:table

[qinmu]

《floatと高さを揃えるJS（fixHeight.js）がベスト》

[macoppoi]

“仕切り”

[yk_ac]

[display:table-cell]

[elim]

つらそう。 / 実際につらさを感じたことも多い

[kk6]

名前からしてレイアウトに使うものじゃないと思って使ったこと無い。

[efcl]

display:table-cellについて

[tuffgong57]

[display: table-cell;]