Masalah utama anu aya hubunganana sareng wates bentang panjang téks nyaéta yén éta tiasa nyababkeun pesen anu dipotong atanapi henteu lengkep. Ieu tiasa janten masalah khusus dina kasus dimana téks anu ditampilkeun penting atanapi ngandung inpormasi penting. Upami téksna panjang teuing, éta bakal dipotong sareng panginten henteu masuk akal nalika dibaca ku pangguna. Sajaba ti éta, lamun téks téh truncated, éta bisa jadi teu nepikeun maksud dimaksudkeun sarta bisa ngakibatkeun kabingungan atawa salah tafsir.
<span style="max-width:100px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;">This is a long sentence that will be limited to 100 characters.</span>
1. Garis ieu nangtukeun lebar maksimum bentang ka 100px:
`
Naon Dupi 'Span' dina HTML
HTML éta elemen dipaké pikeun grup inline-elemen dina dokumen. Éta nyayogikeun cara pikeun nambihan struktur dina dokumen, ngamungkinkeun anjeun ngahijikeun elemen sareng nerapkeun gaya, perenah, sareng atribut kana elemen anu dikelompokeun. Elemen span mangrupikeun unsur inline sareng henteu ngenalkeun garis anyar atanapi unsur tingkat blok kana dokumen éta.
Kumaha kuring ngawatesan téks dina bentang
Anjeun tiasa ngawates téks dina unsur bentang dina HTML ku ngagunakeun CSS max-lebar sipat. Sipat ieu ngidinan Anjeun pikeun nyetel lebar maksimum pikeun hiji unsur, sarta sagala téks nu ngaleuwihan lebar ieu bakal truncated. Pikeun ngagunakeun sipat ieu, tambahkeun kana lambaran gaya CSS anjeun sareng setel kana lebar maksimum anu dipikahoyong:
bentang {
max-lebar: 200px;
}
Ieu bakal ngabatesan elemen bentang dina halaman anjeun dugi ka lebar maksimal 200px. Sakur téks anu ngaleuwihan lebar ieu bakal dipotong ku elipsis (…).
