要将 Element 的 Timeline 时间线横向显示，可以在 Timeline 组件中加入属性 mode="horizontal"，即可实现横向显示无效

如果在 `el-timeline` 标签上设置了 `mode="horizontal"` 属性，但是没有实现横向显示，可能是因为你需要给 Timeline 组件设置一个固定宽度，比如：

<el-timeline mode="horizontal" style="width: 600px;">
  <el-timeline-item timestamp="2021-01-01">事件1</el-timeline-item>
  <el-timeline-item timestamp="2021-01-02">事件2</el-timeline-item>
  <el-timeline-item timestamp="2021-01-03">事件3</el-timeline-item>
</el-timeline>

在上述代码中，通过在 `el-timeline` 标签中加入 `style="width: 600px;"` 属性，即可为 Timeline 组件设置一个固定宽度，从而实现横向显示。

如果问题仍然存在，请提供更多的代码和具体的错误信息，我会尽力帮助你解决问题。

相关问题

element ui timeline横向

Element UI 的 Timeline 是一个用于展示时间线的组件，它可以用来显示一系列事件按照时间顺序的发生过程。在 Element UI 中，Timeline 横向布局主要用于空间有限的场景，如移动端或者页面设计需要节省垂直空间的时候。

横向 Timeline 具有以下几个特点：
1. **卡片式结构**：每个事件以卡片形式呈现，通常包含事件的时间、标题和描述。
2. **可定制性强**：你可以自定义每个卡片的颜色、图标、宽高等样式，以及是否显示箭头指示方向。
3. **响应式设计**：支持横竖屏幕切换，适应不同的设备和屏幕尺寸。

在使用 Element UI 的横向 Timeline 时，可以像这样设置：

<el-timeline :direction="rtl ? 'horizontal' : 'vertical'" type="dashboard">
  <el-timeline-item>
    <div class="timeline-item-content">
      <i class="el-icon-message"></i>
      <p>第一件事</p>
      <span>2023年1月1日</span>
    </div>
  </el-timeline-item>
  <!-- 添加更多的事件 -->
</el-timeline>

其中 `:direction` 属性控制了时间线的方向，`type` 属性则决定了外观风格。

element的timeline 时间线怎么弄横的

要将 Element 的 Timeline 时间线横向显示，可以在 Timeline 组件中加入属性 mode="horizontal"，即可实现横向显示。例如：

<el-timeline mode="horizontal">
  <el-timeline-item timestamp="2021-01-01">事件1</el-timeline-item>
  <el-timeline-item timestamp="2021-01-02">事件2</el-timeline-item>
  <el-timeline-item timestamp="2021-01-03">事件3</el-timeline-item>
</el-timeline>

在上述代码中，通过在 `el-timeline` 标签中加入 `mode="horizontal"` 属性，即可将 Timeline 时间线横向显示。