Glavni problem vezan uz duljinu teksta s ograničenjem raspona jest to što može dovesti do skraćenih ili nepotpunih poruka. To može biti posebno problematično u slučajevima kada je tekst koji se prikazuje važan ili sadrži važne informacije. Ako je tekst predug, bit će odrezan i možda neće imati smisla kada ga korisnik pročita. Osim toga, ako je tekst skraćen, možda neće prenijeti svoje namjeravano značenje i može dovesti do zabune ili pogrešnog tumačenja.
<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. Ovaj redak postavlja maksimalnu širinu raspona na 100 px:
`
Što je 'Span' u HTML-u
HTML element se koristi za grupiranje inline-elemenata u dokumentu. Omogućuje način dodavanja strukture unutar dokumenta, omogućujući vam grupiranje elemenata i primjenu stilova, izgleda i atributa na grupirane elemente. Element span je element u liniji i ne uvodi novi element na razini retka ili bloka u dokument.
Kako mogu ograničiti tekst u rasponu
Možete ograničiti tekst u elementu raspona u HTML-u pomoću CSS svojstva max-width. Ovo svojstvo vam omogućuje da postavite maksimalnu širinu za element, a svaki tekst koji premašuje ovu širinu bit će skraćen. Da biste koristili ovo svojstvo, dodajte ga svojoj CSS tablici stilova i postavite na željenu maksimalnu širinu:
raspon {
maksimalna širina: 200 piksela;
}
To će ograničiti sve elemente raspona na vašoj stranici na najviše 200 piksela širine. Svaki tekst koji prelazi ovu širinu bit će skraćen elipsom (…).
