前端面试题003（display的属性和作用）

display的常用属性：

1.none是隐藏，是有这个盒子的，但是将它隐藏了起来，不显示在屏幕上；
2.block是将元素改为块级元素（独占一行，可设置大小）；
3.inline是将元素改为行元素（不独占一行，不能设置大小）；
4.inline-block是将元素改为行内块元素（既可以不独占一行，又可以设置大小）；

5.关于flex的内容后期补上！！！

 

display的不常用属性：

1.list-item： 是将元素作为列表显示。
2.run-in： 是将元素根据上下文作为块级元素或内联元素显示。
3.table： 是将元素作为块级表格来显示，表格前后带有换行符。
4.inline-table： 是将元素作为内联表格来显示，表格前后没有换行符。
5.table-row-group： 是将元素作为一个或多个行的分组来显示
6.table-header-group： 是将元素作为一个或多个行的分组来显示
7.table-footer-group： 是将元素作为一个或多个行的分组来显示
8.table-row： 是将元素作为一个表格行显示
9.table-column-group： 是将元素作为一个或多个列的分组来显示
10.table-column： 是将元素作为一个单元格列显示
11.table-cell： 是将元素作为一个表格单元格显示
12.table-caption： 是将元素作为一个表格标题显示
13.inherit： 规定应该从父元素继承 display 属性的值。