今天在写后台的时候很蛋疼的发现el-dropdown下拉选择插件的下拉框居然错位了，如下图：

可以很明显的看到这个下拉框的位置有些向左边偏，身为强迫症的我不能忍！！一顿排查后发现仅仅是因为下拉菜单的题目是2个字，上面的div长度太短导致的。 我首先想到直接去改个css样式完事，由于elementUI的各种下拉框都是基于popper.js动态计算绝对定位的位置，每次屏幕大小变化或者重新打开下拉框都会重置该框的样式，没法改left值，于是加了这段代码： .el-dropdown-menu { margin-left: 10px; } 想用margin-left把弹出框挤去正确的位置，结果并不行。 突然灵光一现，直接给上面题目加了个右边距，使其宽度变大： .el-dropdown { padding-right: 10px; } 不出所料，成功对齐，治好了我的强迫症，如下图：

ps：文中提到的popper.js是一个很好用的js定位插件，可以为你造提示框、下拉框等需要定位的轮子时提供很好的支持，链接如下：

Popper.js官网

---

1.本站遵循行业规范，任何转载的稿件都会明确标注作者和来源；2.本站的原创文章，会注明原创字样,如未注明都非原创，如有侵权请联系删除！；3.作者投稿可能会经我们编辑修改或补充；4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。