块级元素
块级元素,特点元素内容独占1行,可以设置width,height,margin-top,margin-bottom
(没有margin-right和margin-left,该属性全部下列3种元素都可以设置)
inline
行内元素,多个行内元素共同在一行内,无法设置上述属性。
inline-block
行内块级元素,同时具备行内元素的特征和块级元素的特征,即多个此类元素只占据一行,但可以设置上述属性。
block、inline-block、inline三者对比
- (1、2)和3对比,差异主要在是否能设置width、height、margin-top、margin-bottom属性
- 1和(2、3)对比,差异主要在内容是否独占一行。