Kezdőlap

EszközökBlog


CSS Overflow Wrap Generator BÉTA

Konfiguráció

Érték

Osztály

Előnézet

This is a very, very, very long word. Pneumonoultramicroscopicsilicovolcanoconiosis

Kód

CSS Overflow Wrap Generator

A CSS-ben az overflow-wrap tulajdonsággal szabályozható, hogy a HTML-elemen belüli szavak hogyan legyenek beburkolva, ha túllépik az elem szélességét. Ez különösen hasznos a hosszú szavak vagy az elemeken belüli törhetetlen karaktersorozatok kezelésére, biztosítva, hogy a szöveg olvasható módon legyen beburkolva.

Az overflow-wrap tulajdonság a következő értékek egyikét veheti fel: normal (alapértelmezett): A szavak a szokásos töréspontokon törnek meg. Ez az alapértelmezett viselkedés.

break-word: A szavak bármelyik karakternél megszakadnak, akár a közepénél is, ha szükséges a túlcsordulás elkerülése érdekében. Ez szabálytalan szómegszakításokhoz vezethet, de hasznos lehet hosszú, megszakíthatatlan karakterláncok kezelésénél.

.normal-overflow-wrap { overflow-wrap: normal; }

Íme egy példa arra, hogyan használhatjuk az overflow-wrap tulajdonságot a hosszú szavak vagy karaktersorozatok szükség szerinti megszakítására:

.break-word-overflow-wrap { overflow-wrap: break-word; }

Ebben a példában:

.break-word-overflow-wrap { overflow-wrap: break-word; }

A .break-word-overflow-wrap osztály az overflow-wrap tulajdonságot használja a break-word értékkel, amely lehetővé teszi, hogy a szavak bármely karakternél megszakadjanak a túlcsordulás megakadályozása érdekében.

  • Az overflow-wrap tulajdonság különösen hasznos a szöveges tartalom olvashatóságának és elrendezésének javítására olyan helyzetekben, amikor hosszú szavakat vagy karakterláncokat kell beburkolni, hogy beférjenek a rendelkezésre álló helyre.

Az overflow-wrap tulajdonság különösen hasznos a szöveges tartalom olvashatóságának és elrendezésének javítására olyan helyzetekben, amikor hosszú szavakat vagy karakterláncokat kell beburkolni, hogy beférjenek a rendelkezésre álló helyre.


Top eszközök

Code Hub
SzínpalettaÚJ
Erős Jelszó GenerátorSzínválasztóSocial Media felhasználónév ellenőrző

Nyelv kiválasztása

Téma beállítása

© 2024 ReadyTools. Minden jog fenntartva.