jquery - 卡在移动菜单单击点的中心对齐中

这是移动菜单的HTML代码→

   <a class="toggle-button">
                    <span class="minus minus-top"></span>
                    <span class="minus minus-middle"></span>
                    <span class="minus minus-bottom"></span>
   </a>

编写了很多CSS，但这可能是主要的CSS→

.clicked span.minus-middle{
  margin-left:-100px;
  opacity:0;
}

.toggle-button span.minus-top{
  top:-10px;
}

.toggle-button span.minus-bottom{
  bottom:-17px;
}

我的问题是我无法以这种方式将其居中对齐，无论徽标的大小如何，都应将其垂直居中居中。

有财产→

vertical-align: middle

但是我认为只有在我们选择表和表单元格时，这种方法才有效。您可以找到我的菜单的修复程序吗？

浏览器测试的完整代码可以在这里找到→
Click the Link

最佳答案

将top：1px更改为25 px，如下所示。

.toggle-button {
top:25px
}

要么

 .toggle-button {margin-top: 50%;}

关于jquery - 卡在移动菜单单击点的中心对齐中，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43032765/