Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
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.
Nyelv kiválasztása
Téma beállítása
© 2024 ReadyTools. Minden jog fenntartva.