CSS -IONIC 2.选择后，在屏幕上显示离子输入或离子选项的全部值

Question

我正在尝试显示离子输入或离子选项中拾取的值的全文。问题是值的名称只显示了一半。我想放一个文本换行或一些css代码，可以显示所选值的全文。

在这里，我让图像显示我的问题：

如您所见，特殊学院的值不会完整显示，并且有很多空间可供出现。

代码：

<ion-item *ngIf="categorySelected " > 
   <ion-label > level 2: </ion-label> 
   <ion-select interface="popover" [(ngModel)]="subCategorySelected" (ngModelChange)="setSubCategorySelected(subCategorySelected)‌​" text-wrap> 
      <ion-option *ngFor="let x of subCategory">{{x.name}}</ion-option> 
   </ion-select> 
</ion-item>

我怎么能解决这个问题？

非常感谢你！

Answer 1

您可以增加选择文字的宽度：

#myDivId .select-text{
  min-width: 50px;
}

或减少标签占用的空间

#myDivId ion-label{
  max-width: 50px;
}