block 的意思

在 HTML 和 CSS 中，block 是指“块级元素”（Block-level element）的一种显示行为。它是网页布局中最基础的概念之一。

什么是 block 元素？

块级元素（block-level elements）在页面中会独占一行，默认情况下会从新的一行开始，并尽可能地撑满其父容器的宽度。

CSS 中的 display: block

通过设置 CSS 属性 display: block;，可以将任意元素（包括原本是行内元素的）变为块级元素。

span {
  display: block;
}

block 与 inline 的区别

• block 元素： 独占一行，可设置宽高、内外边距。
• inline 元素： 不换行，宽高由内容决定，不能设置上下外边距和高度（部分限制）。

为什么理解 block 很重要？

掌握块级元素的行为是学习网页布局的第一步。无论是使用传统盒模型、Flexbox 还是 Grid，理解元素默认的显示方式都至关重要。