块元素和内嵌元素

块元素和内嵌元素

• 块的特征

  　　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;