塊級內容

在 CSS 中,參與塊級佈局的內容稱為 塊級內容

在塊級佈局中,盒子會從包含塊的頂部開始,一個接一個地垂直排列。每個盒子的左外邊緣接觸包含塊的左邊緣。
塊級元素總是從新的一行開始。在水平書寫模式下(例如英語或阿拉伯語),它會佔據其父元素(容器)的全部水平空間,並佔據與其內容高度相等的垂直空間,從而建立一個“塊”。

注意: 如果包含塊的 writing-mode 設定為 預設值 以外的值,則上述塊級佈局的行為會發生變化。

注意: HTML(超文字標記語言)元素在歷史上被分為“塊級”元素或“內聯”元素。作為一種表現特徵,這現在由 CSS 指定。

示例

在此示例中,兩個段落(<p>)元素被放在一個(<div>)中。

html
<div>
  <p>
    This the first paragraph. The background color of these paragraphs have been
    colored to distinguish them from their parent element.
  </p>
  <p>This is the second paragraph.</p>
</div>

段落(<p>)元素預設是塊級的。這就是它們顯示為塊級佈局的原因。

另見