css 中“display: block”表示元素占據整個水平寬度，從左到右延伸，在其他塊級元素上方或下方開始新的一行，具有自定義高度和寬度。

CSS 中 Display Block 的含義

在 CSS 中，“display”屬性定義元素在頁面上的顯示方式。其中，“display: block”是一個常見且重要的值，表示元素將占據整個水平寬度。

含義：

“display: block”指定一個元素將以以下方式顯示：

占據整個水平寬度，從左到右延伸
在其他塊級元素上方或下方開始新的一行
具有自定義高度和寬度（除非另有指定）

塊級元素的特點：

塊級元素具有與塊相關的以下特性：

水平排列，不換行
占據整個可用寬度
可以設置高度和寬度
可以包含其他塊級或內聯元素

什么時候使用 Display Block：

“display: block”通常用于以下元素：

標題（

、

等）

段落（

）

列表（、

）

表格（

示例：

以下 CSS 樣式將元素以塊級方式顯示：

<code class="&lt;a style='color:#f60; text-decoration:underline;' href=" https: target="_blank">css"&gt;element {
  display: block;
}</code>

登錄后復制

這將使元素占據整個水平寬度并開始新的一行。