导读 😎 display block是什么意思?怎么用?常见的块级元素、行内元素、行内块元素在网页设计中,`display: block;` 是 CSS 中的一个属性...
😎 display block是什么意思?怎么用?常见的块级元素、行内元素、行内块元素
在网页设计中,`display: block;` 是 CSS 中的一个属性值,表示将元素设置为块级元素。块级元素会独占一行,并且宽度默认为父容器的100%宽度,比如 `` 和 `
`。而行内元素(如 ``)则不会独占一行,只会占据其内容所需的宽度。
使用 `display: block;` 可以让行内元素变成块级元素,例如:
```css
span {
display: block;
}
```
这样可以让 `` 独占一行并撑满宽度。此外,还有行内块元素(inline-block),结合了两者的优点,比如 `` 和 `