【发布时间】：2020-06-05 15:15:35
【问题描述】：
我有一个 Material UI 的自定义水平步进器的代码沙箱。
https://codesandbox.io/s/material-demo-mk29p?file=/demo.js
唯一的区别是在第 229 行，我将方向更改为垂直
你可以看到它完全出错了。
感谢任何帮助，我不确定自定义 css 等是否存在问题。
谢谢
【问题讨论】：
标签： reactjs material-ui
【发布时间】：2020-06-05 15:15:35
【问题描述】：
alternativeLabel 与 vertical 结合使用，您可以在 https://material-ui.com/api/stepper/ 中找到有关此道具的信息
如果设置为“true”且方向为水平，则步骤标签将位于图标下方。
只需删除它，字幕就会出现在您的垂直图标旁边
【讨论】：
-
感谢您的洞察，我删除了替代标签，但连接线仍然是水平的。希望这是一个简单的 CSS 东西，但这真的不是我的事。我尝试了 flexDirection，这就是我得到的全部内容。codesandbox.io/s/material-demo-ywxod?file=/demo.js
-
@Tom 为 ColorlibConnector 组件添加线型。将高度设置为 10，将宽度设置为 3 或任何您喜欢的值，然后尝试操作填充来设置线条的位置，希望对您有所帮助。分叉你的代码框，看：codesandbox.io/s/material-demo-forked-6d381?file=/…