[解決済み] CSSの表示：inlineとinline-block [重複]について

質問

CSSでは display の値を持つことができます。 inline と inline-block . の違いを詳しく説明できる方はいらっしゃいますか？ inline と inline-block ?

いろいろ検索してみましたが、一番詳しい説明では inline-block として配置されます。 inline と同じように動作します。 block . しかし、正確に "behave as a block" が何を意味するかは説明されていません。何か特別な機能なのでしょうか？

例題があれば、さらに良い回答が得られると思います。ありがとうございます。

どのように解決するのですか？

インライン要素です。

1. は、左マージンおよび右マージン、パディングを尊重しますが ではなく トップ＆ボトム
2. できない 幅と高さが設定されている
3. は、他の要素がその左右に位置することを許可します。
4. これに関する非常に重要な注意事項を参照してください。 ここで .

ブロック要素です。

1. すべて尊重する
2. ブロック要素の後に強制的に改行させる
3. 幅が定義されていない場合、全幅を取得する

インラインブロック要素。

1. 他の要素をその左右に配置できるようにする。
2. 上下のマージンやパディングを尊重します。
3. 高さと幅の尊重

から W3Schools :

• インライン要素は、その前後に改行がなく、その隣にあるHTML要素も許容します。

• ブロック要素はその上下にいくつかの空白を持ち、その隣にあるいかなるHTML要素も許容しません。

• inline-block要素は、インライン要素として（隣接するコンテンツと同じ行に）配置されますが、ブロック要素として振る舞います。

これを可視化すると、次のようになります。

画像は以下から引用しています。 このページ このテーマについて、もう少し詳しく説明しています。