css专栏 03.属性设置 03.display属性

 

# display属性

[toc]{type: "ol", level: [3,4,5]}

### none
- 隐藏标签
> 不占据位置
> 不展示给用户
```css
display: none;
```


### block
- 让标签拥有块类标签的特点
> **可以设置**{style="color:goldenrod"}宽度与高度
> **保留**{style="color:gold"}上下外边距/内边距 独占一行
```css
display: block;
```


### inline
- 让标签拥有行内标签的特点
> **无法设置**{style="color:brown"}宽度与高度
> **不保留**{style="color:red"}上下外边距/内边距 不会独占一行
```css
display: inline;
```


### inline-block
- 让标签拥有同时具备行内标签与块类标签的特点
> **可以设置**{style="color:goldenrod"}宽度与高度
> **不保留**{style="color:red"}上下外边距/内边距 不会独占一行
```css
display: inline-block;
```