学习内容来源:CSS 布局 - display 属性
display 属性规定是否/如何显示元素。每个 HTML 元素都有一个默认的 display 值,具体取决于它的元素类型。大多数元素的默认 display 值为 block 或 inline。
块级元素总是从新行开始,并占据可用的全部宽度(尽可能向左和向右伸展)。
内联元素不从新行开始,仅占用所需的宽度。
通常与 JavaScript 一起使用,以隐藏和显示元素,而无需删除和重新创建它们。
每个元素都有一个默认 display 值,但是可以覆盖它。
display: none; 可以隐藏元素,该元素将被隐藏,并且页面将显示为好像该元素不在其中。
visibility:hidden; 也可以隐藏元素,但是,该元素仍将占用与之前相同的空间。