块元素
特点:
- 如果为设置宽度,则会自动充满父容器
- 可以设置margin, padding
- 如果未设置高度,则会自动适应内部元素的高度
- 会自动单独占一行
- 忽略
vertical-align
属性 - 。。。
常见元素:div, p, form, header, ul, li, h1~h6等
行内元素
特点:
- 跟随文档内容,不会自动换行
- 受
white-space
控制 - 忽略纵向margin,但横向margin及任意方向padding会生效
- 无法设置宽度和高度
- 受
vertical-align
控制 - 。。。
常见元素:a, span, i, em, b等
还可以设置行内块元素:display: inline-block
,这样既可以设置宽高,元素也会默认一行展示。