离子 - 标题图标与顶部对齐

Question

我使用Fontastic制作了一个自定义字体图标，用于我的Ionic项目。当我将图标作为按钮应用于标题时，对齐似乎已关闭。但每当我将图标从Ionicons更改为图标时，它就可以正常工作。我究竟做错了什么？

我没有应用任何自定义样式。

这就是它的样子。

右侧的图标是自定义图标。并且它与顶部对齐，而Ionicons的图标则没有。

编辑：代码，

<ion-nav-title>Title</ion-nav-title>

<ion-nav-buttons side="right">
  <button class="button button-icon button-clear my-custom-icon-class" 
      ng-click="x.a">
  </button>
</ion-nav-buttons>

编辑2：

我尝试了line-height和vertical-align：middle。

行高不会改变任何东西。默认情况下，vertical-align设置为“top”。给中间并没有解决我的问题，它也打破了离子图标。注意我凌驾于离子的CSS之上。事实上，离子图标工作得很好。这是我的自定义字体正在破碎。

编辑3：

我想知道它可能与我为制作字体图标而创建的SVG有关吗？这可能吗？

Answer 1

使用Sub Export_to_Ppt() Dim myChart As PowerPoint.Chart Set myChart = ActivePresentation.Slides(1).Shapes("Diagramm 1").Chart myChart.ChartArea.Copy ActivePresentation.Slides(ActivePresentation.Slides.Count).Shapes.PasteSpecial ppPasteEnhancedMetafile End Sub

您可以使用线条高度垂直对齐图标。

请参阅此http://vanseodesign.com/css/vertical-centering/

注意：抱歉这是一个评论，但我没有足够的声誉。 ：（

Answer 2

尝试使用vertical_align: middle;。看这里vertical-align | W3Schools

Answer 3

行高是你的选择。使用萤火虫来看看最适合你的东西。

http://www.w3schools.com/cssref/pr_dim_line-height.asp