el-timeline如何设置成水平布局？

在Element UI库中的el-timeline组件默认是垂直布局的，如果你想将其设置为水平布局，可以自定义样式或者利用CSS调整其方向。以下是一个简单的示例：

1. **使用内联样式**:
在HTML上添加`v-bind:class`属性并设置一个类名，如`horizontalTimeline`，然后在CSS中定义这个类：

   <el-timeline v-bind:class="{ horizontalTimeline: true }">
     <!-- timeline items -->
   </el-timeline>

   .horizontalTimeline {
     flex-direction: row; /* 将flex方向改为水平 */
   }

2. **使用CSS类**:
如果你有单独的CSS文件，可以在其中创建一个新的类，并将它应用到`el-timeline`元素上：

   .horizontal-timeline {
     display: flex;
     flex-direction: row;
   }

然后在HTML里加上这个类：

   <el-timeline class="horizontal-timeline">
     <!-- timeline items -->
   </el-timeline>

请注意，这种方法可能会影响到其他元素，如果你只想让timeline本身水平排列，最好使用第一种方法。