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.

Automatikus átméretezés textarea elem mérete
Automatikus átméretezés textarea elem mérete

Automatikus átméretezés textarea elem mérete

Á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!

Automatikus átméretezés textarea elem mérete

Automatikus átméretezés textarea elem mérete

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

Automatikus átméretezés textarea elem mérete

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.

Automatikus átméretezés textarea elem mérete

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!

Kapcsolódó cikkek