画像を避けて文章を回り込ませるfloat以外の方法。また、あればメリットデメリットも教えてください。

Question

Comments

[Lhankor_Mhy]

ないんじゃないかな、と思います。

[skr]

そうなのですね。

[m.ts10806]

なんでしょう「メリットデメリット」って。
タイトルと画像だけ貼られて何も前提や背景、調べたこともない状態では質問になってません。

[skr]

ご指摘ありがとうございます！

[m.ts10806]

質問は編集できますので、指摘内容反映してもらえたらと。

[skr]

編集するために調べていく過程で自己解決しましたが、質問の仕方に気をつけなければと学ばせて頂きました。ありがとうございます。

[m.ts10806]

自己解決はいいとして、今からでも質問内容を具体化しておいてください。
「なんでこの質問をすることになったのか」前提や背景がないと誰の参考にもなりません

[skr]

回答に前提を書いたのですが、質問に載せた方がわかりやすいのですね。編集しておきます！何度もご丁寧にありがとうございます。

Answer 1

以下のサイト(1.2年前のもの)の内容の一部から、回り込みはfloatでしかできないことがわかりました。

https://haniwaman.com/side-by-side/
https://gray-code.com/html_css/wrap-text-around-image/

並びのレイアウトは、floatよりもflexの方が扱いやすくよく使われているイメージがあるため、回り込みもflexでできるのではと考えていました。（また、自分の知らない最新の書き方があるのでは、と予想していました。）

今回の投稿により、floatの需要は今もあることを知り、flexとの使い分けが明確になったため良かったです。