HTML中的【块】与【内嵌】

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

块元素与内嵌元素

块的特征

1. 默认独占一行
2. 没有宽度时默认撑满一行
3. 支持所有的css命令

内嵌的特征

1. 同行可以连续跟同类的标签
2. 内容撑开宽度
3. 不支持宽高
4. 不支持上下的内外边距
5. 代码换行被解析

块与内嵌的转换

display:block  显示为块 使内联元素具备快属性标签的特性

display:inline  显示为内嵌 使行块属性标签具备内联元素的特性

display :inline-block

inline-block 的特点和问题

特性：

块在一行显示

行内属性支持宽高

没有宽度时内容撑开宽度

问题

代码换行被解析

ie6 ie7不支持属性标签inline-block