块级内容
在 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>)元素默认是块级的。这就是它们显示为块级布局的原因。
另见
- 相关词汇表术语
- 块格式化上下文
- display
- writing-mode