css - Comment la disposition en grille dans ionic permet-elle de centrer verticalement le contenu de chaque colonne avec un contenu de texte variable?

Question

Chaque colonne de données est générée par traversée angulaire
L'effet est le suivant :

Le texte du nom sur le côté gauche étant légèrement différent, les données sur le côté droit seront affichées vers le haut. J'ai essayé display: table-cell;
vertical-align: middle;, mais cela n'a aucun effet. en utilisant le paramètre de hauteur de ligne. Mais cela ne fonctionne pas non plus. Merci beaucoup !
La structure du code est la suivante :
<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>
Les trois colonnes de données de droite sont générées par parcours unifié

En utilisant l'alignement-self-center d'ionic, j'ai découvert qu'il y avait un problème avec les lignes du cadre de la table. Veuillez le résoudre

.

<ion-row *ngFor="laisser la ligne de 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