如何在离子网格中对齐单行上的项目？

Question

我想让文本

12345

与左侧的头像垂直对齐。如何首先使用离子（使用网格时）的方式解决它，如果不可能，然后使用CSS？我尝试将

style="align-items: center;"

设置为离子行，但没有成功。

这是我用来重现该问题的最少代码。

Answer 1

似乎 ionic-framework 设置了默认边距

h1

您可以在

app.component.css

 文件中覆盖此默认边距，以下代码将 h1 设置为上边距/下边距：16px，左边距/右边距：0px，这将使文本垂直居中12345。

ion-col > ion-title > h1 {
  margin: 16px 0;
}