CSS布局-display属性 block 和 inblock
Loading...
## 简介 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 标准很有用。 <hr class="content-copyright" style="margin-top:50px" /><blockquote class="content-copyright" style="font-style:normal"><p class="content-copyright">版权属于：Cyril</p><p class="content-copyright">本文链接：<a class="content-copyright" href="https://www.cyrilstudio.top/archives/578/">https://www.cyrilstudio.top/archives/578/</a></p><p class="content-copyright">转载时须注明出处及本声明</br></br><span class="external-link"><a class="no-external-link" href="https://cyrilstudio.top/" target="_blank">技术交流,软件开发,网站建设,资源下载,设计开发,编程学习<i data-feather='external-link'></i></a></span></br><span class="external-link"><a class="no-external-link" href="http://hackeros.ink/" target="_blank">点此访问设计师专用导航网址<i data-feather='external-link'></i></a></span></p></blockquote>
- 百度已收录
(adsbygoogle = window.adsbygoogle || []).push({});
最后修改：2021 年 08 月 23 日 09 : 05 PM
© 允许规范转载
赞赏
如果觉得我的文章对你有用，请随意赞赏