Automatikus átméretezés textarea elem mérete
Úgy tűnik - egy egyszerű feladat. De ha keresni plugins vagy szkripteket, melyek a témának szentelt, talál egy csúnya meglepetés - ők túl bonyolult megoldani egy ilyen egyszerű kérdés. Többségük bonyolult matematikai számítások, azonban van egy könnyebb út.
Mi egy rejtett eleme a klónozás.
A lényeg Ennek a megoldásnak az a CSS kódot. Mint már említettük, a láthatatlan klón azonosnak kell lennie tipográfiai tulajdonságokkal textarea elemet. A lista nem csak a font-size és font-family. hanem a tulajdonságai white-space és a sortörés. a klón szimulálni mindent, ami történik benne a textarea elem.
Textarea elem CSS kód a következő:
CSS A következő kódot használjuk klónozására rejtett elemek:
Az általunk használt ingatlan display: none. hogy egy elem láthatatlan a felhasználó számára. Valószínűleg egy ilyen megoldás alkalmas képernyőolvasó programmal.
Szintén használt ingatlanok white-space értékű „pre-wrap”, hogy helyesen át sorokat. Szélesség klón textarea elem az elem szélességét. Továbbá azonos készlet számos más tulajdonságok, beleértve a min-height.
Ez a kód azt feltételezi, hogy már csak egy textarea elem az oldalon. Ha több elem van textarea az oldalon, meg kell változtatni a választó az első sorban válassza ki a kívánt.
Segítségével keyup esemény is jó példa, mert az aktív elem gyakran használják, amikor felhasználói beavatkozásra.
És mi történik IE6-8?
Azonban a hosszú sorok osztás nélkül is hibáznak a folyamat. Ezért szükséges, hogy egy szótördelést tulajdonság: break-szót klónozására elem.



Által nyújtott információk útján két csatorna (látás és hallás) a képzés hatékonyságának sokkal jobb tanulás könyvekből. A házi feladatok és online tesztek lehetővé teszi, hogy folyamatosan úgy gondolja, a célnyelven, és azonnal ellenőrizze tudását!


Ha azt szeretnénk, hosszú ideig, hogy tanulmányozzák, hogyan lehet HTML-t, akkor engem, mert van jó hír!

Ha már megtanulta a HTML és tovább szeretne lépni, a következő lépés az lesz, hogy tanulmányozza a CSS technológiával.

Ha azt szeretnénk, hogy megértsék a fogalmak domain és tárhely, megtanulják, hogyan kell létrehozni egy adatbázist, feltölteni a fájlokat a honlapon keresztül FTP szerver, hozzon létre aldomain konfigurálja a postaládákat a helyszínen, és ellenőrzi a részvétel, a tanfolyam kifejezetten az Ön számára!