CSS教程

CSS 布局——display 属性

本文主要是介绍CSS 布局——display 属性,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

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

display 属性

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

块级元素(block element)

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

内联元素(inline element)

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

display: none

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

覆盖默认 display 值

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

隐藏元素

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

这篇关于CSS 布局——display 属性的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!