塊級內容
在 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>)元素預設是塊級的。這就是它們顯示為塊級佈局的原因。
另見
- 相關詞彙表術語
- 塊格式化上下文
displaywriting-mode