display: block
时间: 2023-07-08 17:51:10 浏览: 136
关于block的一个demo
`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>
```
这样,链接元素就可以水平排列了。
阅读全文