CSS显示：内嵌vs内嵌块

可能重复：
显示器与内联和显示器之间的区别是什么：inline-block？

在CSS中， display可以具有inline和inline-block 。 任何人都可以详细解释inline和inline-block之间的区别吗？

我到处search，最详细的解释告诉我inline-block被放置成inline ，但是像block一样行为。 但是这并不能解释究竟“performance为块”的含义。 它有什么特别的function吗？

一个例子是更好的答案。 谢谢。

Answer 1

内联元素：

1. 尊重左右边距和填充，但不是顶部和底部
2. 不能有宽度和高度设置
3. 允许其他元素坐在他们的左右。
4. 在这里看到非常重要的旁注。

块元素：

1. 尊重所有这些
2. 在块元素之后强制换行

内联块元素：

1. 允许其他元素坐在他们的左右
2. 尊重顶部和底部边距和填充
3. 尊重高度和宽度

来自W3Schools ：

• 一个内联元素在它之前或之后没有换行符，它容忍它旁边的HTML元素。

• 块元素在其上面和下面都有一些空格，并且不允许其旁边的任何HTML元素。

• 内嵌块元素作为内联元素放置（与相邻内容位于同一行），但其行为与块元素相同。

当你看到这个，看起来像这样：

图片是从这个页面 ，这也谈到更多关于这个问题。