css 所有display属性快速查询
css2.x
| 属性 | 描述 |
|---|---|
| none | 此元素不会被显示 |
| block | 此元素将显示为块级元素,此元素前后会带有换行符 |
| inline | 此元素会被显示为内联元素,元素前后没有换行符 |
| inline-block | 行内块元素,既有宽高是内联 |
| list-item | 此元素会作为列表显示 示例:https://codepen.io/bb798sky/pen/PMLzvY |
| table | 此元素会作为块级表格来显示(类似 <table>),表格前后带有换行符 |
| inline-table | 此元素会作为内联表格来显示(类似 <table>),表格前后没有换 |
| table-row-group | 此元素会作为一个或多个行的分组来显示(类似 <tbody>) |
| table-header-group | 此元素会作为一个或多个行的分组来显示(类似 |
| table-footer-group | 此元素会作为一个或多个行的分组来显示(类似 |
| table-row | 此元素会作为一个表格行显示(类似 <tr>) |
| table-column-group | 此元素会作为一个或多个列的分组来显示(类似 |
| table-column | 此元素会作为一个单元格列显示(类似 <col>) |
| table-cell | 此元素会作为一个表格单元格显示(类似 <td> 和 <th>) |
| table-caption | 此元素会作为一个表格标题显示(类似 <caption>) |
| inherit | 规定应该从父元素继承 display 属性的值 |
删除了run-in、compact、marker等已经废弃了的属性
css3.x新增的属性
| 属性 | 描述 |
|---|---|
| flex | https://blog.csdn.net/weixin_42519137/article/details/99337663 |
| grid |

查看16道真题和解析