display属性

display用于设置元素显示的类型，以下是display的几种常见属性值：

1.none

元素不在页面中显示，但在dom中存在。

与visibility:hidden;的区别：visibility:hidden;不显示但在页面中占据位置；display:none;不在页面中显示也不占位置。

2.block

将元素设置为块元素。

块元素的特点：

1. 在页面中独占一行（从上向下排列）；
2. 默认宽度是父元素的全部；
3. 默认高度被内容（子元素）撑开。

3.inline

将元素设置为行内元素。

行内元素的特点：

1. 不会独占一行，只占自身的大小；
2. 在页面中从左向右排列，一行中容不下换到第二行继续排列；
3. 行内元素的默认宽高都是被内容撑开。

4.inline-block

将元素设置为行内块元素。

行内块元素特点：既可以设置宽高和垂直方向的边距，又不会独占一行。

5.table

将元素设置为一个表格。

6.flex

用于对元素开启flex布局，移动端常用。

7.grid

对元素开启grid布局。