display

display

常设置的值

div {
    display: inline;
    display: inline-block;
    display: block;
    display: run-in;
    display: none;
}

Flexbox

.header {
    display: flex;
}

Flow-Root

flow-root 创建了一个新的 BFC 。

.group {
    display: flow-root;
}

Grid

body {
    display: grid;
}

Table

div {
    display: table;
    display: table-cell;
    display: table-column;
    display: table-colgroup;
    display: table-header-group;
    display: table-row-group;
    display: table-footer-group;
    display: table-row;
    display: table-caption;
}