Trunchierea textului în CSS
text-overflow
Creați un div cu lățimea de 200px. Faceți
astfel încât textul din acest div să nu treacă
pe o linie nouă. Adăugați în div un text lung,
care nu va încăpea în lățime în acest
bloc. Verificați că textul va ieși în partea
dreaptă a blocului.
Modificați sarcina anterioară astfel încât în div să apară o bară de derulare orizontală când textul depășește limitele.
Modificați sarcina anterioară astfel încât textul care depășește pe orizontală să fie trunchiat.
Modificați sarcina anterioară astfel încât la trunchierea textului să i se adauge puncte de suspensie la final.
Modificați sarcina anterioară astfel încât la trecerea mouse-ului peste div, textul să nu se mai alineieze pe o singură linie, iar div-ul să se extindă pe înălțime, conținând tot textul.