Peamine teksti pikkuse piiranguga seotud probleem on see, et see võib põhjustada kärbitud või mittetäielikke sõnumeid. See võib olla eriti problemaatiline juhtudel, kui kuvatav tekst on oluline või sisaldab olulist teavet. Kui tekst on liiga pikk, lõigatakse see ära ja kasutaja lugemisel ei pruugi sellel olla mõtet. Lisaks, kui tekst on kärbitud, ei pruugi see anda edasi selle kavandatud tähendust ja võib põhjustada segadust või valesti tõlgendamist.
<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. See rida määrab ulatuse maksimaalseks laiuseks 100 pikslit:
`
Mis on "Span" HTML-is
HTML elementi kasutatakse dokumendi siseste elementide rühmitamiseks. See võimaldab lisada dokumendile struktuuri, võimaldades elemente rühmitada ning rühmitatud elementidele stiile, paigutust ja atribuute rakendada. Laietav element on tekstisisene element ja ei lisa dokumenti uut rida ega plokitaseme elementi.
Kuidas piirata teksti ulatust
Saate piirata HTML-i span-elemendi teksti, kasutades atribuuti CSS max-width. See atribuut võimaldab määrata elemendile maksimaalse laiuse ja seda laiust ületav tekst kärbitakse. Selle atribuudi kasutamiseks lisage see oma CSS-i stiililehele ja määrake soovitud maksimaalne laius:
span {
maksimaalne laius: 200 pikslit;
}
See piirab teie lehel olevate ulatuvate elementide maksimaalselt 200 pikslit laiusega. Seda laiust ületav tekst kärbitakse ellipsiga (…).
