Question

我有一些單選按鈕，但文本顯示遠離單選按鈕，我想有文字eing接近單選按鈕

這是我的代碼

ion-row radio-group (ionChange)="onChange($event)"> 
    <ion-col width-30> 
     <ion-item> 
      <ion-label>Yes</ion-label> 
      <ion-radio value='{{checklists.controls["yesradio"].value}}-yes'> </ion-radio> 
     </ion-item> 
    </ion-col> 


    <ion-col width-30> 

     <ion-item style="text-align:left"> 
      <ion-label>No</ion-label> 
       <ion-radio style="margin:0px;" value='{{checklists.controls["yesradio"].value}}-no'></ion-radio> 

     </ion-item> 

    </ion-col> 

</ion-row> 

上述生成

正如從上面的圖片的yes文本是遠於來自無線電是左

很期待有

香港專業教育學院也嘗試添加

<ion-col width-30> 

     <ion-item style="text-align:left"> 
      <ion-label style="margin:0px;">No</ion-label> 
       <ion-radio style="margin:0px;" id="no_radio"></ion-radio> //added margin 0px fails 

     </ion-item> 

    </ion-col> 

什麼我需要增加更多，使圖標更接近文本（yes和no）不一定與圖標

Answer 1

在您的頁面的.scss文件中，您可以在下面做到達到預期效果。

.input-wrapper{ 
    flex: initial; 
}