css - Wie ermöglicht das Rasterlayout in ionic, dass der Inhalt jeder Spalte mit unterschiedlichem Textinhalt vertikal zentriert wird?

Question

Jede Datenspalte wird durch Winkeldurchquerung generiert
Der Effekt ist wie folgt:

Da der Namenstext auf der linken Seite etwas anders ist, werden die Daten auf der rechten Seite nach oben angezeigt. Ich habe es mit display: table-cell;
Vertical-align: middle; versucht, aber es hat auch keine Wirkung gezeigt Mit der Zeilenhöheneinstellung funktioniert es aber auch nicht. Vielen Dank!
Die Codestruktur sieht folgendermaßen aus:
<ion-row *ngFor="let row of config.rows">

    <ion-col col-3>{{row.rowName}}</ion-col>  <!-- 左侧名称 -->
    <ion-col *ngFor="let col of row.cols">{{col.data.value}}</ion-col>  <!-- 右侧数据 -->

</ion-row>
Die drei Datenspalten auf der rechten Seite werden durch einheitliches Durchlaufen generiert

Mithilfe von ionic’s align-self-center habe ich festgestellt, dass es ein Problem mit den Rahmenlinien der Tabelle gibt. Bitte lösen Sie es

<ion-row *ngFor="let row of config.rows">

    <ion-col col-3> {{row.rowName}}</ion-col>
    <ion-col align-self-center>
      <ion-row>
        <ion-col *ngFor="let col of row.cols">{{col.data.value}}
        </ion-col>
      </ion-row>
    </ion-col>

</ion-row>

Answer 1

display:flex; align-items:center