Glavni problem vezan za dužinu teksta ograničenja raspona je taj što može dovesti do skraćenih ili nepotpunih poruka. Ovo može biti posebno problematično u slučajevima kada je tekst koji se prikazuje važan ili sadrži vitalne informacije. Ako je tekst predugačak, 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. Ova linija postavlja maksimalnu širinu raspona na 100px:
`
Šta je 'Span' u HTML-u
HTML element se koristi za grupisanje inline elemenata u dokumentu. Pruža način za dodavanje strukture unutar dokumenta, omogućavajući vam da grupišete elemente zajedno i primjenjujete stilove, izgled i atribute na grupisane elemente. Element span je inline element i ne uvodi novi element na nivou reda ili bloka u dokument.
Kako da ograničim tekst u rasponu
Možete ograničiti tekst u elementu span u HTML-u koristeći CSS svojstvo max-width. Ovo svojstvo vam omogućava 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 u svoj CSS stilski list i postavite ga na željenu maksimalnu širinu:
raspon {
maksimalna širina: 200px;
}
Ovo će ograničiti sve elemente raspona na vašoj stranici na maksimalno 200 piksela širine. Svaki tekst koji premašuje ovu širinu bit će skraćen trotočkom (…).