CSS -IONIC 2. 选择后在屏幕上显示来自 ion-input 或 ion-option 的完整值

Question

我正在尝试显示在离子输入或离子选项中选择的值的全文。问题是值的名称只显示了一半。我想放置一个文本换行或一些 css 代码，它们能够向我显示所选值的全文。

在这里，我让一张图片显示我的问题：

如您所见，Special Acade 的值显示不完整，还有很多空间可以显示。

代码：

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