CSS 3 word-wrap
október 26, 2009 @ 20:37
Köztudott, hogy a Microsoft nem igazán jár élen sem a CSS 3 szabvány alakításában sem pedig az adaptációjában. De kivétel erősíti a szabályt, ahogy mondják, ugyanis most egy olyan CSS 3 újításról lesz szó, amelyet a Microsoft javasolt, így azt még az Internet Explorer is támogatja.
Ez a tulajdonság a word-wrap, amely a hosszú szavak problémáját hivatott megoldani. Segítségével azok a szavak, amelyek hosszabbak, mint amilyen széles az őket tartalmazó entitás, nem lógnak ki, hanem “betördelődnek” a rendelkezésre álló helyre.
Ezt kapjuk word-wrap nélkül, vagy a word-wrap: normal; beállítással:
Ezt pedig akkor, ha a word-wrap: break-word; beállítást használjuk.
Megtörni egy szót az elválasztási szabályok figyelmen kívül hagyásával persze nem szerencsés, de általában még mindig jobb megoldás, mint hagyni, hogy a szépen megtervezett weboldalunkon egy ilyen csúnya sebhely éktelenkedjen, mint amilyet az első változat okoz. Persze mindennek akkor van leginkább értelme, ha a tartalom változik az oldalon – mondjuk fájlból vagy adatbázisból olvasunk be -, így nem tudhatjuk előre, milyen hosszú lesz a leghosszabb szó. De ne felejtsük el, hogy még egy statikus oldalt is “elronthat” a látogató, ha ki vagy be zoom-ol böngészője segítségével, tehát a beállítás még ilyenkor sem teljesen haszontalan.
Az Internet Exploreren kívül támogatja még a Firefox, a Safari és a Chrome, sajnos az Opera nem.
kamass — 2010. január 28. csütörtök @ 10:37
Köszönöm szépen, ez most pont jól jött. Wordpress sablont készítek és nem tudhatom, hogy a milyen hosszú kategórianevet ad meg az admin. Természetesen egy általános méretre tervezek, de még mindig jobb ha ilyen csúnyán betöri és emiatt észreveszi, hogy hoppá hosszú lett a cím, mintha kifolyna és azon duzzogna, hogy blöö milyen béna volt a sitebuilder.