css html 布局,盒子高度固定,div里文字过多,且做溢出隐藏如何解决
时间: 2024-03-03 17:47:23 浏览: 114
限制div高度当内容多了溢出时显示滚动条
5星 · 资源好评率100%
可以通过设置盒子的 `overflow` 属性来实现溢出隐藏。可以将 `overflow` 属性设置为 `hidden`,这样超出盒子高度的文字就会被隐藏起来,不会影响整个布局。
例如:
```html
<div class="container">
<div class="box">
<p>这里是一段很长很长的文字,超出了盒子的高度。</p>
</div>
</div>
```
```css
.container {
height: 200px; /* 容器高度固定为 200px */
}
.box {
height: 100%; /* 盒子高度占满容器 */
overflow: hidden; /* 超出部分隐藏 */
}
```
这样,当盒子里的文字超出盒子高度时,文字就会被隐藏,不会影响整个布局。
阅读全文