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，也会存在间隔