块元素与内嵌元素
块的特征
- 默认独占一行
- 没有宽度时默认撑满一行
- 支持所有的css命令
内嵌的特征
- 同行可以连续跟同类的标签
- 内容撑开宽度
- 不支持宽高
- 不支持上下的内外边距
- 代码换行被解析
块与内嵌的转换
display:block 显示为块 使内联元素具备快属性标签的特性
display:inline 显示为内嵌 使行块属性标签具备内联元素的特性
display :inline-block
inline-block 的特点和问题
特性:
块在一行显示
行内属性支持宽高
没有宽度时内容撑开宽度
问题
代码换行被解析
ie6 ie7不支持属性标签inline-block