「Inline-block」と「float」はどのような場合に使用されますか? _html/css_WEB-ITnose

Inline-block と float はどのような場合に使用されますか? ? ?

「Inline-block」と「float」は水平配置の効果を実現できる場合がありますが、それぞれどのような場合に使用する必要がありますか? ? ?

どのような状況に適していますか? ? ?

ディスカッション (解決策) への返信

このような質問
実際、これら 2 つの機能が部分的に重複しているため、アプリケーションにどのような影響があるかを最初に説明する必要があります

"float" 主に列レイアウトに使用されます。

インライン要素 (インライン要素) では、width、padding-left、padding-right などのプロパティを設定できません。
これらのプロパティを設定する必要があるが、設定したくない場合スペースの行を占有します。このインライン "display: inline-block" を設定する必要があります。

"inline-block" は、ほとんどの場合、"inline-block" の代わりに使用できます。

「インライン要素（インライン要素）には、width、padding-left、padding-right などの属性を設定できません」 この文は間違っています、
を除き、インライン要素には width、height、padding を設定できません- 上、パディング-下、マージン-上、マージン-下。

上記の説明はとても分かりやすいです！一般に、要素にインライン要素の特性を持たせると同時に、幅と高さを具体的に制御する必要があります。 Float はドキュメント フロー外の植字に使用されます。互換性の問題があります。