vue内容过长出现滚动条
时间: 2023-09-26 15:05:40 浏览: 100
限制div高度当内容多了溢出时显示滚动条
5星 · 资源好评率100%
要让 Vue 中的内容出现滚动条,可以使用 CSS 的 overflow 属性。具体来说,你需要在包含内容的元素上设置 overflow 属性为 auto 或者 scroll,例如:
```html
<div style="overflow: auto; height: 200px;">
<!-- 这里是需要出现滚动条的内容 -->
</div>
```
在上面的例子中,我们设置了一个高度为 200 像素的 div 元素,并将其 overflow 属性设置为 auto。这样,当 div 元素中的内容超出了 200 像素的高度时,就会出现纵向滚动条。
另外,如果你希望在横向方向上也能出现滚动条,可以将 overflow-x 属性设置为 auto 或者 scroll。
阅读全文