CSS2规范的9.2.4节规定:
inline-block
此值使元素生成一个 内联级块容器 。内联块的内部被格式化为块框,元素本身被格式化为原子内联级别框。
内联
此值使元素生成一个或多个内联框。
在CSS2规范(第9.4.2节)中,我们进一步得知,内联元素仅考虑水平边距证明:
在内联格式设置上下文中,框从一个包含块的顶部开始以一个接一个的水平排列。这些框之间应注意水平边距,边框和填充。
inline和之间的区别在于,
inline-block将
inline元素视为内联,而将
inline-block元素有效地视为块(在视觉上彼此内联)。
块级元素同时考虑水平和垂直边距,而行内元素仅考虑水平边距。



