块级内容

在 CSS 中,参与块级布局的内容被称为块级内容(block-level content)。

在块级布局中,从包含块的顶部开始,盒子总是一个接着一个地垂直放置。每个盒子的左外边缘触及包含块的左边缘。块级元素总是开始在新的行/列上。在水平书写模式中,像英语或者阿拉伯语,它占据父元素(容器)的整个水平空间和等于其内容高度的垂直空间,从而创建一个“区块”。

备注: 如果包含块的 writing-mode 被设置为默认值之外的值,上述的块布局行为将发生改变。

备注: HTML(超文本标记语言)元素历来被归类为“块级”元素或者“行级”元素。作为一种表现特性,现在由 CSS 来指定。

示例

在这个示例中,两个段落(<p>)元素被放置在 <div> 中。

html
<div>
  <p>这是第一段。这些段落的背景颜色已着色,以将其与其父元素区分开。</p>
  <p>这是第二段。</p>
</div>

段落(<p>)元素默认是块级的。这是它们显示在块级布局中的原因:

参见