Vytvořit "Pre" zalomení textu - Triky CSS

Anonim

Text v

tagy se ve výchozím nastavení nezabalují. Například si přečtěte fragment kódu níže! Pokud to způsobuje problémy s rozložením, jedním z řešení je dát předbloku vlastnost přetečení, která skryje přebytek nebo způsobí jeho posouvání. Druhým řešením je nechat to zabalit.
/* 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+ */ )