简介
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 标准很有用。
声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。