CSS表示：インラインブロック対インライン

Question

可能性の重複：CSSで

What is the difference between display: inline and display: inline-block?

、displayはinlineとinline-blockの値を有することができます。誰もがinlineとinline-blockの違いを詳しく説明できますか？

どこでも検索したところ、inline-blockはinlineと表示されますが、blockのように動作します。しかし、それは正確に "ブロックとして振る舞う"という意味を説明していません。特別な機能ですか？

例がさらに良い答えになります。ありがとう。

Answer 1

インライン要素：

1. は敬意を&右マージンやパディングを残したが、ないトップ&下
2. はは
3. を幅と高さを設定していることができない他の要素が彼らに座ってすることができます左右。
4. この非常に重要な副次的な注釈を参照してください。here

ブロック要素：

1. に対するもの
2. 力のすべてのブロック要素の後に改行

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

1. を可能にする他の要素左右に座る。
2. はW3Schoolsからトップ&下部の余白とパディング
3. 尊敬の高さと幅

を尊重：

• インライン要素は、その前または後に強制改行がない、そしてそれはHTMLを許容しますそれの隣にある要素。

• ブロック要素の上下に空白があり、その隣にあるHTML要素は使用できません。

• インラインブロック要素は、（隣接するコンテンツと同じ行にある）インライン要素として配置されますが、ブロック要素として動作します。

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

画像もこのテーマについていくつかのより多くを語っている、this pageから取られています。