1:ID:B86F22 · 1週間前

flexbox、frid、floatをどのように使い分けていますか?

13 件の回答

2:ID:.1sLw/ · 1週間前

ツッコミ待ちは嫌いでーす

3:ID: · 1週間前

全部grid Layoutでなくあえてfloatやflexboxを使ったほうがいい場合もあると聞いたので質問してみたんだけど、そんなに変なことだったかな…。
自分がなにか覚え違いしてるのかもしれないので、よかったらつっこんでくれると嬉しいです。

4:ID:Mbw6Cd · 1週間前

fridってなんだろと思ったけどgridのことかな

6:ID: · 1週間前

Re:4
ごめんなさい、そうでございます…

7:ID:AaGqeU · 1週間前

ぶっちゃけ現場ではflexboxで十分。
gridは逆にややこしいわ。

8:ID:RiOmrf · 1週間前

ケースバイケースと言えばそれまでだけど、逆に、俺はflexboxは必要ない派だな。
gridってflexboxの上位互換みたいなもんだよね。
gridがメインで、段落ちレイアウトのときにfloat/inline-blockかな。

9:ID:EnMBW1 · 1週間前

SEOに影響与えないレベルだし、わかりやすいと思う好きなの使えばいいんじゃないかな

10:ID:Ea3BIP · 1週間前

grid使いたいけどIEがなあ……

11:ID:Ea3BIP · 1週間前

Re:7
要素の出現順に関係ないっていうのは、昔懐かしホームページ・ビルダーの絶対配置を思い出しますな

12:ID:AaGqeU · 1週間前

Re:11
テーブルレイアウト時代、IE6に泣かされた人なら「flexbox」だけでもどれだけ楽になったかわかるはずじゃ。

使い分けの用途は名前の通り、画像など回り込みなら「float」。1行並列なら「flexbox」。Masonryみたいなグリッドレイアウトなら「grid」だね。

13:ID:HWNN0m · 1週間前

flexかな。gridはIEが。。。
あとflexはいい意味でざっくり配置を決めれるから楽だよ。

masonryみたいな感じにしたならgridやけども。

あとfloatはそもそもレイアウトで使用すべきでない。
そもそも、レイアウトのために作られたものやないやろ。
floatかtableしかない時代ならいざしらず。

回り込みさせたいコンテンツがある場合のみfloatを使用すべき。

14:ID:sjnwHT · 1週間前

一概ではないけども、サイトの目的によって生かされる方法が適切というものだよ。

1 件の回答が除外されました。[詳細]
コメントの受付は終了しました。

一緒に読まれている質問

ページ上部に戻る