ionic2アプリの垂直整列ボタン

Question

このアプリでは、[編集]列のボタンが他の列と垂直に整列して表示されません。それは常に行が悪く見えるように一番下に並んでいます。

コードを以下に示す：

<ion-row> 
 

 
<ion-col col-3> {{item.projectname}} </ion-col> 
 
<ion-col col-4> {{item.loginid}} </ion-col> 
 
<ion-col col-3> {{item.password}} </ion-col> 
 
<ion-col col-2> 
 
    <button ion-button menuToggle strong *ngIf="buttonclicked"     
 
    (click)="editdata(item)"><ion-icon name="menu"></ion-icon> 
 
\t </button> 
 
</ion-col> 
 
</ion-row>

この点で案内してください。

ion-col { 
    display: flex; 
    align-content: center; 
    align-items: center; 
} 

私が正しく理解していれば、これはテキストを揃える垂直方向のことで、あなたの問題を解決します：あなたのコンポーネントに、このCSSを追加

Answer 1

してみてください。 （既にボタンが中央に配置されているので）

P.Sこれはコンポーネントのすべてのイオンに影響しないように、クラスを作成する必要があります。