el-slider太长如何出现横向滚动条
时间: 2023-09-10 15:05:19 浏览: 151
想要在 `el-slider` 组件中出现横向滚动条,可以将其放置在一个固定宽度的容器内,并将容器的 CSS 样式设置为 `overflow-x: auto;`。
以下是一个示例代码:
```html
<div style="width: 500px; overflow-x: auto;">
<el-slider :min="0" :max="100" v-model="value"></el-slider>
</div>
```
在这个示例中,我们将 `el-slider` 组件放在一个宽度为 500px 的容器内,并设置容器的 `overflow-x` 属性为 `auto`,这样当 `el-slider` 组件的宽度超过容器宽度时,容器将出现横向滚动条,从而实现横向滚动的效果。
阅读全文