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(问题)
优质内容筛选与推荐>>