上面那段el-scrollbar改为横向布局

要实现横向布局，可以将 `el-scrollbar__wrap` 的样式改为：

.el-scrollbar__wrap {
  overflow: hidden;
  display: flex;
  flex-direction: row;
}

同时，将 `el-scrollbar__view` 的样式改为：

.el-scrollbar__view {
  overflow-x: scroll;
  overflow-y: hidden;
  flex: 1;
  white-space: nowrap;
}

这样就可以实现横向滚动了。注意需要根据实际情况进行微调，例如可能需要加上 `align-items: center` 等样式来使内容居中。

相关问题

修改.el-scrollbar .el-scrollbar__wrap .el-scrollbar__view高度为100%

要将.el-scrollbar .el-scrollbar__wrap .el-scrollbar__view的高度修改为100%，可以在CSS中添加以下样式：

.el-scrollbar .el-scrollbar__wrap .el-scrollbar__view {
  height: 100%;
}

这将把.el-scrollbar .el-scrollbar__wrap .el-scrollbar__view的高度设置为其父元素的高度，即100%。

el-scrollbar如何隐藏横向滚动条

要隐藏el-scrollbar的横向滚动条，可以使用CSS样式将其overflow-x属性设置为hidden。具体方法如下所示：

.el-scrollbar__wrap {
  overflow-x: hidden;
}

这将隐藏el-scrollbar的横向滚动条，使其不再显示。