CSS -IONIC 2. Menampilkan nilai penuh dari input ion atau opsi ion di layar setelah dipilih

Saya mencoba menampilkan teks lengkap dari nilai yang dipilih dalam input ion atau opsi ion. Masalahnya adalah nama nilai yang ditampilkan hanya setengahnya. Saya ingin meletakkan bungkus teks atau beberapa kode css yang dapat menampilkan teks lengkap dari nilai yang dipilih.

Di sini saya membiarkan gambar yang menampilkan masalah saya:

masukkan deskripsi gambar di sini

Seperti yang Anda lihat, nilai Special Acade tidak ditampilkan sepenuhnya, dan ada banyak ruang untuk muncul.

Kode:

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

Bagaimana saya bisa mengatasi ini?

Terima kasih banyak!


ionic-framework angular input css
person Joan    schedule 22.12.2017    source sumber
comment
Harap berikan kode Anda yang relevan di sini..baca contoh minimal yang dapat direproduksi   -  person Suraj Rao    schedule 23.12.2017
comment
Halo @SurajRao, Anda benar, berikut saya izinkan kodenya:   -  person Joan    schedule 23.12.2017
comment
Saya rasa jika saya dapat mengubah lebar dari label ion atau semacamnya, ruang untuk pemilihan/masukan ion akan lebih baik dan lebih besar.   -  person Joan    schedule 23.12.2017
comment
ya.. Anda harus mengganti beberapa css   -  person Suraj Rao    schedule 23.12.2017

Jawaban (1)


arrow_upward
0
arrow_downward

Anda dapat menambah lebar teks yang dipilih:

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

Atau kurangi ruang yang ditempati oleh label

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