-
ID:rmBW8/ さんの質問

よくある要素の横並びでfloatばかり使ってて、flexとtable-cellって出番無いんですけど、皆さんはどこで使いますか?
上下中央にしたいときは使うのでそれ以外で。

みんなの回答 9 件

ID:gkm6K4 さんの回答

table-cellはつかわないなー
基本floatだけど、最近受けたLPは対応ブラウザの条件満たしてからflexboxを試しに使ってみたけど、floatの方が慣れてるから作業時間はあまり変わらなかったな。

ID:rmBW8/

ふむふむ

ID:69L7OK さんの回答

システムが吐き出す動的に変動する文字列を囲う <div> で width を指定したくないとき display:table; は有効。

ID:rmBW8/

変動する部分に使うのが、使用するかしないかのポイントですね

ID:lO1.q0 さんの回答

flex はブラウザ対応もあって使う機会がまだない。
table-cell は、割と使うようになった。

ID:rmBW8/

なるほど

ID:Nojk./ さんの回答

え?なんでflex使わないの?

Can I use... Support tables for HTML5, CSS3, etc

http://caniuse.com/#search=flex
ID:rmBW8/

疑問に思わないようなWEB制作業務に携われているのは良いことですね

ID:yNdx0u さんの回答

ありゃ?Flexbox を使えば、レスポンシブなら Width を縮めていって、コラムが flex-grow と flex-basis 次第で縮んでいって、見た目がきつくなる前の Width で MediaQuery かませば、あとは縦並びにするとか一発で、楽なんですが?

ID:rmBW8/

タイル状でレイアウトする時は使いやすそうですね!

ID:wNHCyj さんの回答

IE6問題やfloatで育ったおじさんは、flexboxがなかなか覚えられないw

ID:hamwIe

分かる。

ID:Dqm5Ld

wわかるけど、ツコたら便利やで。

ID:rmBW8/

3~4年前にIEに心折られて今まで出番があまり無い状態でしたw

ID:a9mepj さんの回答

実務では使った事が無いけど、レスポンシブで端末によって順番を変えたいときに使えるで

ID:rmBW8/

それいただきました!

ID:PC5N1P さんの回答

実務ですでにflex使ってます。
要素の高さを合わせたいときは
jsに頼らずにいけるので便利です。
レスポンシブなら更に良さが分かると思います。

ID:rmBW8/

JSで代替できる使い方だとブラウザ対応考えて使わなくなっちゃうんですよね^^;

ID:uM/bs/ さんの回答

最近float + clearfixからIE6,7を切ってtable-cellに乗り換えてきたところ
まだIE8,9が数%いるっぽいしflexは来年あたりから使い始めそう

ID:hubPBU

わかる。俺もこんな感じ

最終更新日:2016-05-17 (1,871 views)

関連するトピックス

ページ上部に戻る