造型ionic2单选按钮失败

Question

我有一些单选按钮，但文本显示远离单选按钮，我希望文本更接近单选按钮

这是我的代码

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>

以上生成

从上面的图片可以看出，是的文字是从收音机

的左边

期待有

我也尝试过添加

  <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>

我需要添加更多内容才能使图标更接近文本（是和否），不一定是图标

Answer 1

在您网页的.scss文件中，您可以执行以下操作以获得所需的结果。

.input-wrapper{
     flex: initial;
}