Lag "Pre" tekstinnpakning - CSS-triks

Anonim

Tekst inn

tagger brytes ikke som standard. Se for eksempel kodebiten nedenfor! Hvis dette forårsaker layoutproblemer, er en løsning å gi forhåndsblokken en overløpsegenskap for å skjule overflødig eller få den til å rulle. Den andre løsningen er å ha den innpakket.
/* Browser specific (not valid) styles to make preformatted text wrap */ pre ( white-space: pre-wrap; /* css-3 */ white-space: -moz-pre-wrap; /* Mozilla, since 1999 */ white-space: -pre-wrap; /* Opera 4-6 */ white-space: -o-pre-wrap; /* Opera 7 */ word-wrap: break-word; /* Internet Explorer 5.5+ */ )