按钮垂直对齐内的离子旋转器

Question

我试图在按钮内实现一个微调器但由于某种原因,微调器似乎是顶部对齐而不是垂直居中:

我的代码如下:

<button type="submit" class="button button-block button-positive">
<ion-spinner class="spinner-energized"></ion-spinner> Click me!
</button>

Codepen:http://codepen.io/anon/pen/BjOqvK？edit = 1010

知道为什么吗？

Answer 1

Ionic团队提供以下解决方案:

.spinner svg {
  width: 16px !important;
  height: 16px !important;
}

新的codepen

他们给了我更多的背景:

这不是离子旋转器的预期用途,因此需要定制css.您需要调整宽度/高度.