Display

最后更新于:2022-04-02 03:17:24

[TOC] ## display | Class | Properties | | --- | --- | | block | display: block; | | inline-block | display: inline-block; | | inline | display: inline; | | flex | display: flex; | | inline-flex | display: inline-flex; | | table | display: table; | | table-caption | display: table-caption; | | table-cell | display: table-cell; | | table-column | display: table-column; | | table-column-group | display: table-column-group; | | table-footer-group | display: table-footer-group; | | table-header-group | display: table-header-group; | | table-row-group | display: table-row-group; | | table-row | display: table-row; | | flow-root | display: flow-root; | | grid | display: grid; | | inline-grid | display: inline-grid; | | contents | display: contents; | | hidden | display: none; | ## 实例 ### grid "gap-1" 为 四边间隙 ```
1
2
1
2
1
2
1
2
1
``` ### flex 平分行 ```
1
2
3
4
5
```
';