block / inline / inline-block——块元素、内联元素、内联块

一、块元素

写法：display:block

块元素的特征：

1、没有宽度时，默认撑满一行

2、支持所有css命令

3、自带换行，默认占一行

 

二、内联元素

写法：display:inline

内联元素特征：

1、同排，一行可以有多个同类标签
2、内容撑开宽度
3、不支持宽高
4、不支持上下的margin
5、代码换行被解析成空格

 

三、内联块元素

写法：display:inline-block

内联块元素特征：

1、块元素能在一行上显示
2、内联元素支持宽高
3、没有宽度时，由内容撑开宽度

4、代码换行被解析成空格（问题）

5、ie6 ie7不支持块属性标签的inline-block（问题）