css display样式属性(Google)

值	描述
block	此元素将显示为块级元素，此元素前后会带有换行符。
contents
flex	弹性布局
flow-root
grid	网格布局
inherit	规定应该从父元素继承 display 属性的值。
initial
inline	默认。此元素会被显示为内联元素，元素前后没有换行符。
inline-block	行内块元素。
inline-grid	此元素作为内联网格来显示，前后没有换行符
inline-flex	此元素内联弹性布局
inline-table	此元素会作为内联表格来显示(类似 table)，表格前后没有换行符。
list-item	此元素会作为列表显示。
unset	此元素属性被清除
none	此元素不会被显示。
table	此元素会作为块级表格来显示（类似 table），表格前后带有换行符。
table-column	此元素会作为一个单元格列显示（类似 col）
table-cell	此元素会作为一个表格单元格显示(类似 td 和 th)
table-caption	此元素会作为一个表格标题显示（类似 caption）
table-row	此元素会作为一个表格行显示（类似 tr）。
table-header-group	此元素会作为一个或多个行的分组来显示(类似 thead).
table-footer-group	此元素会作为一个或多个行的分组来显示(类似 tfoot).
table-column-group	此元素会作为一个或多个列的分组来显示(类似 colgroup).
table-row-group	此元素会作为一个或多个行的分组来显示(类似 tbody)。
-webkit-box	在webkit内核的浏览器上使用，作为前缀
-webkit-inline-box

参考链接
W3C display属性
Grid网格布局教程，非常详细，清晰，一看就知道专业的！
前端布局神器display:flex