块元素和内嵌元素
-
块的特征
1、默认独占一行
2、没有宽度时,默认撑满一排
3、支持所有css命令
-
内嵌(内联、行内)的特征
1、同排可以继续跟同类的标签
2、内容撑开宽度
3、不支持宽高
4、不支持上下的margin和padding
5、代码换行被解析
块和内嵌的转换
-
display:block 显示为块
使内联元素具备块属性标签的特性
-
display:inline 显示为内嵌
使行块属性标签具备内联元素的特性
display:inline-block;
Inline-block的特点和问题
特性:
1、块在一行显示;
2、行内属性标签支持宽高;
3、没有宽度的时候内容撑开宽度
问题:
1、代码换行被解析;
2、ie6 ie7 不支持块属性标签的inline-block;