vue+elementui 步骤条有一处空白

1 问题描述

项目当中使用到了elementui里的step组件，但是在用上之后发现一个问题

在步骤条中间有一块空白

2 解决办法

百思不得其解😔
只能求助度娘💻
看到了一个大佬写的一篇文章，类似但是不同，为啥这么说嘞😏
因为我试了他的方法，发现不对
试的结果如下图：

整体偏移
不过如果大家有和大佬一样的问题可以直接去看他的文章哈，下面是链接
vue steps步骤条渲染异常

而我是怎么解决的呢？🥱
就不告诉你……
就不告诉你……
嘿……
就……不告诉你……🤭🤭🤭

好啦好啦，跟你说啦！
我是和上面文章的大佬一样，通过f12去一点一点找问题到底出现在哪里
后来我发现是我写的英文大写字母没有换行，导致占用了长度，如图：

然后就学到了一个新的芝士点🧀
CSS控制长串英文字母换行问题
在需要强制换行的地方加上如下样式：word-break:break-all;即可

3 完结

写页面还是要注意吖~
今天也是努力搬砖的小花🌸吖~
啾咪💜~