CSS
HTML
COMPONENTS
CODE HUB
CSS White Space Generator
Konfiguráció
White Space
Osztály
Előnézet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Kód
ReadyTools Academy
Tanulj HTML-t, CSS-t és JavaScriptet teljesen ingyen a ReadyTools Academy keretében.
Kövesd a tanulásodat, fejlődj a saját tempódban, és szórakozz közben! 🎯
Kezdj beleCSS White Space Generator
A CSS-ben a white-space tulajdonsággal szabályozható, hogy a HTML-elemen belül hogyan kezeljük a fehér teret (szóközök, tabulátorok és sortörések). Lehetővé teszi annak szabályozását, hogy a szövegtartalom hogyan kerüljön be, csonkolódjon vagy jelenjen meg a szóközök és a sortörések viszonylatában.
A white-space tulajdonság a következő értékeket veheti fel:
normal: A szöveg a szokásos szóközkezeléssel jelenik meg, és az egymást követő fehér szóközök egyetlen szóközbe tömörülnek.
.normal-spacing {
white-space: normal;
}
nowrap: A szöveg nem lép át a következő sorba, és a hosszú sorok túlcsordulnak a konténeren, vagy le lesznek vágva.
.no-wrap-text {
white-space: nowrap;
}
pre: A szöveg pontosan úgy jelenik meg, ahogyan a HTML-forráskódban szerepel, megőrizve a fehér sávot, a sortöréseket és a többszörös szóközöket.
.preformatted-text {
white-space: pre;
}
pre-line: A szöveg normál szóközkezeléssel jelenik meg, de a sortörések megmaradnak.
.pre-line-text {
white-space: pre-line;
}
pre-wrap: A szöveg az üres helyek és a sortörések megőrzésével jelenik meg.
.pre-wrap-text {
white-space: pre-wrap;
}
A white-space tulajdonságot általában a HTML-elemeken belüli szöveg formázására használják, különösen kód, előre formázott szöveg vagy más, speciális szóköz-kezelést igénylő tartalom megjelenítésére. Hasznos eszköz annak biztosítására, hogy a szöveg a kívánt elrendezéshez és a weboldal kialakításához legjobban illeszkedő módon jelenjen meg.