CSS 块级元素详解与实用指南
在 CSS 中,display: block 是一种常见的显示类型,用于将元素渲染为块级元素。
块级元素会独占一行,默认宽度为父容器的 100%,可以设置宽高、内外边距等。
HTML 中默认为块级元素的标签包括:<div>、<p>、
<h1> ~ <h6>、<ul>、
<ol>、<li>、<section> 等。
/* 将行内元素 span 变成块级元素 */
span.block {
display: block;
}
使用 display: block 可以实现页面布局中的区块划分、按钮样式重置、
图片居中控制等多种效果,是网页结构搭建的基础之一。