块元素特点
- 独占一行
- 宽高和内外边距可以控制
- 宽高默认是父级宽度的100%
- 是一个容器及盒子，里面可以放行内或者块元素
- 文字类的元素（p、h1）等元素内不能使用块元素
行内元素特点
- 相邻行内元素在一行上，一行可以显示多个
- 宽高直接设置是无效的
- 默认宽度就是它本身内容的宽度
- 行内元素只能容纳文本或者其他行内元素
行内块元素特点
- 和相邻行内元素（行内块）在一行，但是他们之间会有空白缝隙，一行可以显示多个
- 默认宽度就是文本内容宽度
- 高度、行高、内外边距可控制
| display:block | 行内元素转为块元素 |
| display:inline | 块元素转为行内元素 |
| display:inline-block | 转为行内块元素 |
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
