Ионных Checkbox высота непропорционального

Question

Я использую следующий код для отображения галочки в строке

   <label class="row item item-input "> 
       <span class="item-text-wrap col col-50 input-label">Type Of Inspection</span> 
       <div class="col col-50"> 
        <div class="item-text-wrap row responsive-md"> 
         <ion-radio name="typeins" ng-model="form6.type" ng-value="'Monthly'">Monthly</ion-radio> 
         <ion-radio name="typeins" ng-model="form6.type" ng-value="'Yearly'">Yearly</ion-radio> 
         <ion-radio name="typeins" ng-model="form6.type" ng-value="'Periodic'">Periodic Discharge</ion-radio></div> 
       </div> 
      </label> 

фон моего приложения является черным и флажки белые. Когда ширина/высота устройства опускаются, как видно в this ionic playground link , флажок с большим количеством текста сохраняет высоту, а остальные короче. Поведение можно увидеть на прилагаемом скриншоте . Как сделать высоту другого равным самому большому флажку?

Answer 1

Для достижения желаемого результата вы можете сделать многое: 1. Обеспечьте минимальную высоту для элементов. 2. Скрыть переполнение текста 3. Обеспечьте минимальную ширину и ширину, чтобы каждый элемент имел размер, чтобы просто удерживать содержимое.