CSS显示:内联vs内联块

内联元素:

1. 尊重左&右边距和填充，但不顶部&底
2. 不能有一个宽度和高度设置
3. 允许其他元素位于它们的左边和右边。
4. 请参阅关于在这里的非常重要的边注。

块元素:

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

Inline-block元素:

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

从# EYZ0:

• 内联元素在其前后没有换行符，并且允许其旁边有HTML元素。

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

• 内联块元素作为内联元素放置(与相邻内容在同一行)，但它的行为是块元素。

当你把它形象化时，它看起来是这样的:

图片来自这个页面，它也讨论了更多关于这个主题的内容。