私は最近、フレックスボックスについて多くのことを学んできましたが、1つのことはまだ私には不明です。私はいつもflex
/inline-flex
からdisplay
を設定するか、それがblock
/inline-block
を使用して、これまで有利であるべきでしょうか?display:blockを使うべきか、display:flexを使うべきですか?
私はいくつかの有用な記事を発見したが、記事のどれもが、この特定の質問に答えるん。 This articleは、display: block
と比較する代わりにflexboxを使用して異なるdisplay
値の違いを説明しました。質問は、block
/inline-block
を使用していることが古くなったと述べていますが、私はそれを確認する他の情報源は見ていません。 display: block
が時代遅れになった場合、私はW3 Schoolsでそうだと思っていたでしょう(彼らはいつも正しいとは言えませんが、彼らは良いソースのようです)。
いくつかの回答はthis articleと記載されていますが、display: flex
の代わりにdisplay: block
を使用する必要がある場合は説明しません。
と同様のの質問は、this oneとthis oneです。両方とも素晴らしい記事ですが。最初のものは両方に長所と短所を与えていましたが、flexboxの唯一の重大な欠点はこのプロジェクトでは問題にならないブラウザ互換性でした。後者の記事では、display: flex
を使用すると、要素にフレックスボックスのプロパティを保持させることができたという私が見ている最高の答えが得られました。フレックスボックスのプロパティが必要ない場合は、私はちょうどdisplay: block
を使うべきですか?パフォーマンスに影響がありますか?または、ちょうど常にdisplay: flex
を使用する必要がありますか?
個人的に私は '* {ディスプレイの大リセット好き:フレックスを。 } '、これは驚くほどうまく動作します。それを試してみてください。 –
@torazaburoは、あなたはすべてを表示する必要がありますことを信じて:フレックス? – Taylor
それは一部の人が好きなオプションです。 –