内联元素：

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

块元素：

1. 尊重所有这些
2. 在块元素之后强制换行
3. 如果未定义宽度，则获取全角

内联块元素：

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

来自W3Schools：

• 内联元素之前或之后没有换行符，并且它可以容忍它旁边的 HTML 元素。

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

• inline-block 元素作为 inline 元素放置（与相邻内容在同一行），但它的行为类似于块元素。

当您将其可视化时，它看起来像这样：

图片取自此页面，该页面还讨论了有关此主题的更多信息。