如何在Ionic 4上设置中心晶圆厂按钮？

Question

我有两个问题：

1. 如何在中间正确设置？ 请不要放在离子卡的后面我测试了很多东西，但是fab按钮隐藏在离子卡后面的问题是我的代码：

  <ion-grid>
      <ion-row>
        <ion-col text-wrap>
          <ion-card-content color="medium">
            {{ object.body }}
          </ion-card-content>
        </ion-col>
      </ion-row>
      <ion-row>
        <ion-col>
          <ion-fab-button color="danger" [disabled]="disableButton">
            <ion-icon name="flame" (click)="soSad()"></ion-icon>
          </ion-fab-button>
        </ion-col>
      </ion-row>
    </ion-grid>

1. 我如何正确订购带有徽章的图标以使其看起来很棒？我的意思是，图标和徽章较近，下一个图标徽章旁边留有少许空间，或者我可以接受一些想法:)我的代码是：

         <ion-card-content>
               <ion-grid>
                   <ion-row align-items-start>
                       <ion-col>
                           <ion-icon name="eye"></ion-icon>
                       </ion-col>
                       <ion-col>
                               <ion-badge color="secondary">{{ object.see }}</ion-badge>
                       </ion-col>
                       <ion-col>
                           <ion-icon name="flame"></ion-icon>
                       </ion-col>
                       <ion-col>
                           <ion-badge color="danger">{{ object.zharko }}</ion-badge>
                       </ion-col>
                       <ion-col>
                           <ion-icon name="star"></ion-icon>
                       </ion-col>
                       <ion-col>
                           <ion-badge color="warning">{{ object.fav }}</ion-badge>
                       </ion-col>
                   </ion-row>                     
               </ion-grid>
           </ion-card-content>
   

已更新：

代码新问题：S现在，我需要解决此问题，因为我不需要重叠文本，也许是在离子卡底部边缘的中间？但不在离子卡后面，有什么想法吗？

Answer 1

$expr

这会对您有所帮助。