Ionic-framework: Teks panjang di tombol tidak terpotong

Dibuat pada 14 Okt 2016 · 3Komentar · Sumber: ionic-team/ionic-framework

Deskripsi singkat masalah:

Teks panjang di tombol tidak terpotong. Saya menggunakan tombol full dan block

Sementara tombol memang memiliki elipsis, seperti yang ditunjukkan di bawah ini;

.button {
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

Ini tidak berfungsi, karena kelas .button-inner memiliki display: flex

Perilaku apa yang Anda harapkan?

Tampilan elipsis.

Ini dapat dilakukan dengan mengatur tampilan .button-inner menjadi inline . Namun, saya tidak begitu tahu alasan tampilannya menjadi fleksibel.

Versi ionik yang mana? 2 RC.0

core feature request

Sumber

alan-agius4

👍2

Komentar yang paling membantu

Saya pikir flex ada untuk membantu pemusatan? Tidak yakin bagaimana Anda semua ingin memperbaikinya, tetapi satu-satunya cara saya dapat memperbaiki sesuatu seperti ini adalah dengan memberinya anak batiniah yang lain. misalnya

```

I then put a class on `.overflow-me` to do the ellipsis.

.overflow-saya{
melimpah: tersembunyi;
text-overflow: elipsis;
}
```

ncapito pada 28 Nov 2016

👍3 🎉1

Semua 3 komentar

```

I then put a class on `.overflow-me` to do the ellipsis.

.overflow-saya{
melimpah: tersembunyi;
text-overflow: elipsis;
}
```

ncapito pada 28 Nov 2016

👍3 🎉1

Ini sebenarnya cukup rumit karena tombol digunakan di banyak komponen. Menambahkan div bagian dalam ke tombol akan menyebabkan masalah di tempat lain, dan mengubah tampilan dari fleksibel menjadi sebaris menyebabkan masalah dengan tombol yang berisi ikon dan tautan jangkar yang ditata agar terlihat seperti tombol. Saya akan menghapus ini dari tonggak sejarah untuk saat ini karena kode di atas oleh @ncapito berfungsi, tetapi saya akan meninjau kembali masalah ini.

brandyscarney pada 5 Des 2016

Terima kasih untuk masalah ini! Masalah ini sedang ditutup karena tidak aktif. Jika ini masih menjadi masalah dengan versi terbaru Ionic, harap buat masalah baru dan pastikan template terisi penuh.

Terima kasih telah menggunakan Ionic!