CSS -IONIC 2. แสดงค่าเต็มจาก ion-input หรือ ion-option บนหน้าจอเมื่อเลือกแล้ว

ฉันกำลังพยายามแสดงข้อความทั้งหมดจากค่าที่เลือกในอินพุตไอออนหรือตัวเลือกไอออน ปัญหาคือชื่อของค่าแสดงเพียงครึ่งเดียว ฉันต้องการใส่การตัดข้อความหรือโค้ด 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>

ฉันจะแก้ปัญหานี้ได้อย่างไร?

ขอบคุณมาก!


person Joan    schedule 22.12.2017    source แหล่งที่มา
comment
โปรดระบุโค้ดที่เกี่ยวข้องของคุณที่นี่..อ่าน ตัวอย่างที่ทำซ้ำได้น้อยที่สุด   -  person Suraj Rao    schedule 23.12.2017
comment
สวัสดี @SurajRao คุณพูดถูก ฉันให้รหัส:   -  person Joan    schedule 23.12.2017
comment
ฉันเดาว่าถ้าฉันสามารถเปลี่ยนความกว้างจากฉลากไอออนหรืออะไรทำนองนั้น พื้นที่สำหรับการเลือกไอออน/อินพุตคงจะดีขึ้นเรื่อยๆ   -  person Joan    schedule 23.12.2017
comment
ใช่.. คุณจะต้องแทนที่ CSS บางส่วน   -  person Suraj Rao    schedule 23.12.2017


คำตอบ (1)


คุณสามารถเพิ่มความกว้างของข้อความที่เลือกได้:

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

หรือลดพื้นที่ที่ใช้โดยฉลาก

#myDivId ion-label{
  max-width: 50px;
}
person VRZ78    schedule 05.02.2018