1. 行内元素,块状元素,行内块状元素
三者可以通过display进行相互转换:display:block(块元素)、display:inline(行内元素)、display:inline-block(行内块元素)
- 行内元素
span , img ,a, input, select, u, i, b, lable等
行内元素特征:
- 设置宽高无效
- 对margin仅设置左右方向有效,上下无效;padding设置上下左右都有效,即会撑大空间
- 不会自动进行换行
- 块级元素
p, div, h1-h6, ul, ol, table, hr,address,menu, header, footer, section,aside等.
块状元素特征:
- 能够识别宽高
- margin和padding的上下左右均对其有效
- 可以自动换行
- 多个块状元素标签写在一起,默认排列方式为从上至下
- 行内块级元素
行内块状元素特征:
- 不自动换行
- 能够识别宽高
- 默认排列方式为从左到右
网友评论