``` display: block ```

`display: block`是CSS中的属性，用于指定元素的显示方式。

当一个元素被设置为`display: block`时，它会以块级元素的形式显示。块级元素会独占一行且会在前后添加换行符。见的块级元素包括`<div>`、`<p>`、`<h1>`等。

相对应的，还有`display: inline`和`display: inline-block`两种显示方式。

- `display: inline`会将元素显示为内联元素，不会独占一行，可以与其他元素在同一行显示。常见的内联元素包括`<span>`、`<a>`、`<strong>`等。

- `display: inline-block`会将元素显示为内联块级元素，不会独占一行，但可以设置宽度和高度。常见的内联块级元素包括`<img>`、`<input>`等。

通过设置不同的`display`属性，可以控制元素的布局和显示方式，从而实现不同的页面效果。

相关问题

display: block

`display: block` 是 CSS 中一个常用的属性，它用来指定元素应该生成一个块级元素的框。当设置了 `display: block` 后，元素会独占一行，宽度默认为其父元素的100%。

当一个元素设置了 `display: block` 后，下一个元素会换行且与当前元素垂直方向对齐。例如，下面的代码会将三个链接元素垂直排列：

<a href="#">Link 1</a>
<a href="#">Link 2</a>
<a href="#">Link 3</a>

如果希望实现水平排列，可以将其设置为 `display: inline-block`，如下所示：

<a href="#" style="display: inline-block;">Link 1</a>
<a href="#" style="display: inline-block;">Link 2</a>
<a href="#" style="display: inline-block;">Link 3</a>

这样，链接元素就可以水平排列了。

display:block

The CSS property `display: block` is used to set the display behavior of an element to a block-level element. This means that the element will take up the full width of its parent container and will start a new line after it. Block-level elements are used for larger sections of content such as paragraphs, headings, and lists.

Example:

<div style="display: block;">
  This is a block-level element.
</div>

In this example, the `div` element is set to `display: block`, which means it will take up the full width of its parent container and start a new line after it. The text inside the `div` is a block-level element as well, since it is contained within a block-level element.