Display

CSS display 属性设置元素的布局方式，默认值为flex（弹性布局）。

Class	属性	描述
flex	display: flex;	该元素的行为类似块级元素并且根据弹性盒模型布局它的内容
hidden	display: none;	使元素不再显示，其对布局不会有影响

示例

该元素的行为类似块级元素并且根据弹性盒模型布局它的内容。

使元素不再显示，其对布局不会有影响（文档渲染得好像这个元素并不存在）。所有的后代元素也不会再显示。为了使元素占据一个它通常占据的空间，但实际上没有渲染任何东西，应该使用 visibility 属性。

注意 : 设置 visibility 为 hidden，或设置 display 为 none 都可以隐藏元素。差异是通过 visibility 隐藏元素仍然占据页面位置，通过 display 隐藏元素不占据页面位置。