css display属性详解

Posted 2021-03-09 wrhbk

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