display:inline;转换为行内元素
display:block;转换为块状元素
display:inline-block;转换为行内块状元素
一、行内元素(span、a、select、strong、cite、label、em、br)
最常用的是span
行内元素特征:1、设置宽高无效
2、设置margin仅设置左右方向有效,上下无效;padding设置上下左右都有效,即会撑大空间
3、不会自动换行
二、块状元素(div、ul、ol、dl、table、form、h1、p)
最常用是div
特征:1、可以识别宽高
2、margin和padding上下左右都有效
3、可以自动换行
4、多个块状元素标签写在一起,默认排列方式是从上到下
三、行内块元素(img、input)
特征:1、不自动换行
2、能够识别宽高
3、默认排列方式是从左到右
4、元素默认有间距