摘要：
1.问题背景阶梯条通常占宽度的100%；如果外层中的文本内容居中，则线和圆将分开，而不在相应位置。2.实现源代码˃3解决添加属性空间和对齐中心的问题//el step˃˂el step=”第三步“，属性direction=”垂直“//el step˃˂
1、问题背景
步骤条在正常情况下，占据宽度为100%；如果外层设置文字内容居中，会导致线和圆圈脱离，不在对应的位置上
2、实现源码
<el-steps :active="active" finish-status="success">
<el-step title="第一步"></el-step>
<el-step title="第二步"></el-step>
<el-step title="第三步"></el-step>
<el-step title="第四步"></el-step>
</el-steps>3、解决源码
添加属性space和align-center
<el-steps :active="active" :space="300" finish-status="success" align-center>
<el-step title="第一步"></el-step>
<el-step title="第二步"></el-step>
<el-step title="第三步"></el-step>
<el-step title="第四步"></el-step>
</el-steps>
4、知识扩展
如果将水平显示改为垂直显示，需要添加属性direction="vertical"
<el-steps :active="active" :space="300" direction="vertical" finish-status="success" align-center>
<el-step title="第一步"></el-step>
<el-step title="第二步"></el-step>
<el-step title="第三步"></el-step>
<el-step title="第四步"></el-step>
</el-steps>