el-timeline横向显示
时间: 2023-08-09 15:08:13 浏览: 176
一条横向的时间线
要实现el-timeline横向显示,你可以使用以下CSS样式来修改el-timeline的默认样式:
```css
.el-timeline {
display: flex;
flex-direction: row;
}
.el-timeline-item {
flex: 1;
}
```
这样,el-timeline的每个子项(el-timeline-item)将会水平排列显示。你可以将这些样式添加到你的代码中,以实现el-timeline的横向显示效果。\[1\]
#### 引用[.reference_title]
- *1* *2* [css自定义横向流程图,步骤图](https://blog.csdn.net/xm_w_xm/article/details/88836249)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
- *3* [Vue+Element-ui实例_使用flexslider插件设计横向时间线](https://blog.csdn.net/qq_40601005/article/details/112005873)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]
阅读全文