简介

display属性是控制网页布局非常重要的css属性。

display属性规定如何显示元素,每个html的元素都有一个默认的display值,一般为block或inline。

块级元素(block element)

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

比如:<div>、<h1> - <h6>、<p>、<form>、<header>、<footer>、<section>

行内元素(inline element)

内联元素不从新的一行开始,根据实际宽度占有页面宽度。通过将 display 属性设置为 none 可以隐藏元素。该元素将被隐藏,并且页面将显示为好像该元素不在其中。

比如<span>、<a>、<img>

Display: none

display: none; 通常与 JavaScript 一起使用,以隐藏和显示元素,

{visibility:hidden}可以隐藏元素,但仍占有空间,影响布局。

覆盖默认的 Display 值

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

将行内元素更改为块元素,反之亦然,对于使页面以特定方式显示同时仍遵循 Web 标准很有用。

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注