`display: block;` 是CSS中的一个属性值,用于设置HTML元素如何显示,当一个元素的 `display` 属性被设置为 `block` 时,该元素会表现得像一个块级元素。
块级元素在页面上表现为一个块状容器,其中可以包含其他块级元素和内联元素,常见的块级元素包括 ``, ``, ``-``, `` 等。
当一个元素被设置为 `display: block;` 时,以下是一些常见的特点:
1. **新行开始**:该元素会在新的一行开始,即该元素前后都会有换行。
2. **宽度和高度**:该元素可以有固定的宽度和高度,并且其内容会围绕这个定义的宽度和高度进行布局。
3. **外边距和内边距**:该元素可以有上下的外边距和左右的内边距。
4. **不会合并**:块级元素的左右内边距不会合并。
如果你有一个内联元素(如 ``),并希望它表现得像一个块级元素,你可以这样设置其样式:
span { display: block; }
该 `` 元素就会表现得像一个块级元素,例如可以设置宽度、高度、外边距等。