Teksti kärpimine CSS-is
text-overflowЗадание 1
Tehke div laiusega 200px. Tehke
nii, et tekst selles div-is ei läheks
uuele reale. Lisage div-i pikk tekst,
ei mahu laiuses sellesse
plokki. Kontrollige, et tekst ulatuks välja ploki paremast
osast.
Задание 2
Muutke eelmist ülesannet nii, et div-is teksti väljaulatumisel ilmuks horisontaalne kerimisriba.
Задание 3
Muutke eelmist ülesannet nii, et horisontaalselt välja ulatuv tekst kärbitaks.
Задание 4
Muutke eelmist ülesannet nii, et teksti kärpimisel lisataks selle lõppu kolm punkti.
Задание 5
Muutke eelmist ülesannet nii, et kui hiirega div-i peale minna, lakkaks tekst paiknemast ühel real ja div laieneks kõrguses, mahutades kogu teksti.