display:block

admin 36 0

`display: block;` 是CSS中的一个属性值,用于设置HTML元素如何显示,当一个元素的 `display` 属性被设置为 `block` 时,该元素会表现得像一个块级元素。

块级元素在页面上表现为一个块状容器,其中可以包含其他块级元素和内联元素,常见的块级元素包括 ``, ``, ``-``, `` 等。

当一个元素被设置为 `display: block;` 时,以下是一些常见的特点:

1. **新行开始**:该元素会在新的一行开始,即该元素前后都会有换行。

2. **宽度和高度**:该元素可以有固定的宽度和高度,并且其内容会围绕这个定义的宽度和高度进行布局。

3. **外边距和内边距**:该元素可以有上下的外边距和左右的内边距。

4. **不会合并**:块级元素的左右内边距不会合并。

如果你有一个内联元素(如 ``),并希望它表现得像一个块级元素,你可以这样设置其样式:

span {
    display: block;
}

该 `` 元素就会表现得像一个块级元素,例如可以设置宽度、高度、外边距等。