-
1:ID:B86F22 · 2018-04-16

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

13 件の回答

2:ID:.1sLw/ · 2018-04-16

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

3:ID: · 2018-04-16

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

4:ID:Mbw6Cd · 2018-04-16

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

6:ID: · 2018-04-16

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

7:ID:AaGqeU · 2018-04-16

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

8:ID:RiOmrf · 2018-04-16

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

9:ID:EnMBW1 · 2018-04-16

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

10:ID:Ea3BIP · 2018-04-17

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

11:ID:Ea3BIP · 2018-04-17

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

12:ID:AaGqeU · 2018-04-17

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

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

13:ID:HWNN0m · 2018-04-18

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

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

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

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

14:ID:sjnwHT · 2018-04-19

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

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

一緒に読まれている質問

ページ上部に戻る