気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
display:table-cell;を安易に使うべきでない理由いろいろ - Qiita
71 users
qiita.com/sawadays0118
qiita.com/sawadays0118
qiita.com/sawadays0118
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
#display:table-cell;は特性を理解してから使おう カンタンに横並びや縦横中央揃えができるという理由か... #display:table-cell;は特性を理解してから使おう カンタンに横並びや縦横中央揃えができるという理由から「使わな損やで？」みたいに取り上げられがちなdisplay:table-cell;ですが、それ以上に仕様と特性をちゃんと理解していないと、結構危険なCSSプロパティです。 初心者なら「floatって挙動がよくわからないし、clearfixもどう使ったら良いのかわからん。」と理由で、上級者なら「IE8以上から上下中央揃えを実現できるなんて最高だぜヒャッホゥ！」といった理由から選択しがちですが、使う場合は以下の様なデメリットがあることを必ず踏まえておいてください。 ##レスポンシブレイアウトでの自由さがない コーディングの際にPCで5列、スマホで1列になるグリットレイアウトのデザインがあったとします。 そしてHTMLはなるべく分かりやすく、メンテナンスも簡単に済むように以下の
qiita.com/sawadays0118
qiita.com/sawadays0118
qiita.com/sawadays0118
qiita.com/sawadays0118
togetter.com
anond.hatelabo.jp
jp.reuters.com
blog.framinal.life
zenn.dev/mizchi
note.com/konho
www.watch.impress.co.jp
forest.watch.impress.co.jp
forest.watch.impress.co.jp
github.com/FareedKhan-dev
pc.watch.impress.co.jp
qiita.com/satukun
qiita.com/satzz@github
qiita.com/sayama0402
qiita.com/sawayama_yasuko
qiita.com/sawanoboly@github
qiita.com/sawada_masahiko
developers.freee.co.jp
developers.freee.co.jp
engineers.ntt.com
engineers.ntt.com
2017/08/06 リンク