好久木有来更新了,最近调样式用的最多的就是display属性,下面来整理记录并分享下display的各个用法:
display属性用来规定元素生成框的类型。默认为inline;
1)inline:显示为内联元素,此元素前后无换行符。
2)inline-block:显示为行内块元素。
3)block:显示为块级元素,此元素前后会带有换行符。
4)list-item:显示为列表元素。
5)run-in:根据上下文作为块级元素或内联元素。
6)table:显示为块级表格元素,类似于table,表格前后带有换行符。
7)inline-table:显示为内联表格元素,类似于table,表格前后没有换行符。
8)table-row-group:显示为一个或多个行的分组元素,类似于tbody。
9)table-header-group:显示为一个或多个行的分组元素,类似于thead。
10)table-footer-group:显示为一个或多个二行的分组元素,类似于tfoot。
11)table-row:显示为一个表格行元素,类似于tr。
12)table-column-group:显示为一个或多个列的分组元素,类似于colgroup。
13)table-column:显示为一个列单元格元素,类似col。
14)table-cell:显示为一个表格单元格元素,类似于td和th。
15)table-caption:显示为一个表格标题元素,类似于caption。
16)none : 不被显示
17)inherit:继承父元素display属性的值。