よくある要素の横並びでfloatばかり使ってて、flexとtable-cellって出番無いんですけど、皆さんはどこで使いますか?上下中央にしたいときは使うのでそれ以外で。
table-cellはつかわないなー基本floatだけど、最近受けたLPは対応ブラウザの条件満たしてからflexboxを試しに使ってみたけど、floatの方が慣れてるから作業時間はあまり変わらなかったな。
ふむふむ
システムが吐き出す動的に変動する文字列を囲う <div> で width を指定したくないとき display:table; は有効。
変動する部分に使うのが、使用するかしないかのポイントですね
flex はブラウザ対応もあって使う機会がまだない。table-cell は、割と使うようになった。
なるほど
え?なんでflex使わないの?
疑問に思わないようなWEB制作業務に携われているのは良いことですね
ありゃ?Flexbox を使えば、レスポンシブなら Width を縮めていって、コラムが flex-grow と flex-basis 次第で縮んでいって、見た目がきつくなる前の Width で MediaQuery かませば、あとは縦並びにするとか一発で、楽なんですが?
タイル状でレイアウトする時は使いやすそうですね!
IE6問題やfloatで育ったおじさんは、flexboxがなかなか覚えられないw
分かる。
wわかるけど、ツコたら便利やで。
3~4年前にIEに心折られて今まで出番があまり無い状態でしたw
実務では使った事が無いけど、レスポンシブで端末によって順番を変えたいときに使えるで
それいただきました!
実務ですでにflex使ってます。要素の高さを合わせたいときはjsに頼らずにいけるので便利です。レスポンシブなら更に良さが分かると思います。
JSで代替できる使い方だとブラウザ対応考えて使わなくなっちゃうんですよね^^;
最近float + clearfixからIE6,7を切ってtable-cellに乗り換えてきたところまだIE8,9が数%いるっぽいしflexは来年あたりから使い始めそう
わかる。俺もこんな感じ
みんなの回答 9 件
table-cellはつかわないなー
基本floatだけど、最近受けたLPは対応ブラウザの条件満たしてからflexboxを試しに使ってみたけど、floatの方が慣れてるから作業時間はあまり変わらなかったな。
システムが吐き出す動的に変動する文字列を囲う <div> で width を指定したくないとき display:table; は有効。
flex はブラウザ対応もあって使う機会がまだない。
table-cell は、割と使うようになった。
え?なんでflex使わないの?
Can I use... Support tables for HTML5, CSS3, etc
http://caniuse.com/#search=flexありゃ?Flexbox を使えば、レスポンシブなら Width を縮めていって、コラムが flex-grow と flex-basis 次第で縮んでいって、見た目がきつくなる前の Width で MediaQuery かませば、あとは縦並びにするとか一発で、楽なんですが?
IE6問題やfloatで育ったおじさんは、flexboxがなかなか覚えられないw
実務では使った事が無いけど、レスポンシブで端末によって順番を変えたいときに使えるで
実務ですでにflex使ってます。
要素の高さを合わせたいときは
jsに頼らずにいけるので便利です。
レスポンシブなら更に良さが分かると思います。
最近float + clearfixからIE6,7を切ってtable-cellに乗り換えてきたところ
まだIE8,9が数%いるっぽいしflexは来年あたりから使い始めそう
関連するトピックス