block什么意思？

在Web开发中，block 通常指的是 块级元素（block-level element），是HTML和CSS布局中的一个核心概念。

什么是 block 元素？

块级元素（block element）是指在页面中默认独占一行的HTML元素。它们会在前后自动换行，并且可以设置宽度、高度、内外边距等盒模型属性。

常见的块级元素包括：

• <div>
• <p>
• <h1> 到 <h6>
• <ul>、<ol>、<li>
• <section>、<article> 等语义化标签

CSS 中的 display: block

通过CSS的 display: block; 属性，可以将任意元素强制表现为块级元素。例如：

span {
  display: block;
}

这样原本是内联元素（inline）的 <span> 就会变成块级元素，独占一行并可设置宽高。

block 与 inline 的区别

主要区别如下：

• block：独占一行，可设置宽高，垂直方向堆叠。
• inline：不换行，宽高由内容决定，无法设置上下外边距（margin-top/bottom 无效）。

实际应用场景

使用 display: block 常用于以下情况：

• 让链接（<a>）充满整个按钮区域
• 将图标或文本垂直对齐
• 构建网页的整体布局结构