Egy szöveges terület elem automatikus átméretezése
Úgy tűnik - egyszerű feladat. De ha a témához kapcsolódó plugineket vagy szkripteket keresel, kellemetlen meglepetést találsz - túl bonyolultak ezek az egyszerű kérdések megoldása. Legtöbbjük komplex matematikai számításokat alkalmaz, bár könnyebb.
Használja a rejtett klónozó elemet.
Ennek a megoldásnak a kulcsa a CSS kód. Mint említettük, a láthatatlan klónnak ugyanazok a tipográfiai tulajdonságai vannak, mint a textarea elem. A lista nem csak a betűméretet és a betűtípus-családot tartalmazza. hanem a fehér-tér és a szócsomag tulajdonságait is. mivel a klónnak mindent meg kell követnie, ami a textarea elemen belül történik.
A textarea elem esetében a CSS kód a következő:
A rejtett klónozóelemhez a következő CSS-t használjuk:
A kijelzőn: nincs tulajdonság. Az elem láthatóvá tétele a felhasználó számára. Valószínűleg ez a megoldás alkalmas a képernyőolvasó programok számára.
Továbbá a "helytörés" értékével ellátott, fehérterületű helyiséget helyes sorakozó vonalakra használják. A klónelem szélessége megegyezik a textarea elem szélességével. Ezenkívül több más tulajdonság is megadható, beleértve a minimális magasságot is.
Ez a kód feltételezi, hogy csak egy szöveges elemet használunk az oldalon. Ha az oldalon több textarea elem található, akkor a választógombot az első sorban meg kell változtatnia, hogy kiválassza a kívántakat.
A keyup esemény használata szintén jó példa, mivel ezt az elemet gyakran használják az adatok felhasználó általi beadásakor.
És mi történik az IE6-8-ban?
Az elválasztás nélküli hosszú sorok azonban továbbra is hibákat vezetnek be a folyamatba. Ezért használnia kell a klónozóelem szócsomag: break-word tulajdonságát.
Az információk azonnali megszerzésére két csatorna (látás és hallás) révén a tanítás hatékonysága sokkal nagyobb, mint a könyvek tanulása. És a házi feladatok és az online tesztek lehetővé teszik, hogy folyamatosan gondolkodj a tanult nyelvben, és azonnal ellenőrizd a tudását!
Ha sokáig szeretné megtanulni a HTML-t, akkor remek hírekkel szolgálok neked!
Ha már megtanulta a HTML-t, és tovább akar lépni, a következő lépés a CSS-technológia megtanulása.
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!