css display属性详解
css 中display属性决定了一个元素的显示方式,它分别有下面几种显示方式
block 块级显示,可以设置高宽、前后存在换行符
inline-block 行内块级元素显示,可以设置高宽、前后没有换行符
inline 行内元素显示,前后没有换行符,不可以设置高宽,元素高宽由内部元素决定
list-item 列表块级元素显示,前后都有换行符,但和block不同的是,它可以和li一样在元素前面加上标记
table 表格块级元素显示,类似于table元素,前后都有换行符
常用的元素显示方式
行内元素
span、em、strong、i、e、a等
行内块级元素
input,button,img,select等
块元素
div,ul,li,ol,h1-h6,p,table等
值得一提的是,行内元素和行内块级元素,即便是设置margin为0,也会存在间隔