css专栏 03.属性设置 04.溢出属性

全栈开发

已于 2022-04-03 10:17:39 修改

阅读量68

点赞数

分类专栏： css 文章标签： css

于 2022-03-15 00:12:47 首次发布

本文链接：https://blog.csdn.net/m0_66351881/article/details/123492041

版权

css 专栏收录该内容

16 篇文章 0 订阅

订阅专栏

这篇博客探讨了CSS中的`overflow`属性，包括hidden、scroll和auto三个值的使用。通过示例展示了如何利用这些属性来裁剪头像或管理文字溢出。在例子中，一个宽度固定的`<p>`元素被设置为溢出自动，当内容超出边界时，会显示滚动条。

摘要由CSDN通过智能技术生成

# 04.溢出属性

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

### 溢出属性
- 隐藏：hidden
- 滚动：scroll
- 自动：auto
> 用于裁剪头像或处理文字溢出
```html
<p>
    It's a good idea love is apple hello world
    It's a good idea love is apple hello world
</p>
```
```css
p {
    width: 160px;
    height: 40px;
    border: brown 3px dashed;
    margin-top: 0;
    overflow: auto;
}
```
![溢出属性](04.溢出属性.png)