CSS 布局——display 属性

学习内容来源：CSS 布局 - display 属性

display 属性

display 属性规定是否/如何显示元素。每个 HTML 元素都有一个默认的 display 值，具体取决于它的元素类型。大多数元素的默认 display 值为 block 或 inline。

块级元素（block element）

块级元素总是从新行开始，并占据可用的全部宽度（尽可能向左和向右伸展）。

内联元素（inline element）

内联元素不从新行开始，仅占用所需的宽度。

display: none

通常与 JavaScript 一起使用，以隐藏和显示元素，而无需删除和重新创建它们。

覆盖默认 display 值

每个元素都有一个默认 display 值，但是可以覆盖它。

隐藏元素

display: none; 可以隐藏元素，该元素将被隐藏，并且页面将显示为好像该元素不在其中。
visibility:hidden; 也可以隐藏元素，但是，该元素仍将占用与之前相同的空间。