Domov Postavitev (html / css) Prelom besedila v oznako pre

Še ne tako dolgo nazaj naletela na problem, da sem vstopil v kodo s pomočjo Geshi lepo prikazano, ampak grdo raztegnejo stran.

Na primer, ta del kode

1
бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла-бла

prikaže le v eni vrstici.

Rešitev tega problema je zelo preprosta. Dejstvo, da oznako pre privzeto ne omogoča prisilne prekinitve linije. In vse, kar potrebujete, je, da vstaviti css del kode, ki pove brskalniku kaj storiti na silo prenos.

1
2
3
4
5
6
7
8
9
pre {
overflow-x: auto; /* Use horizontal scroller if needed; for Firefox 2, not needed in Firefox 3 */
white-space: pre-wrap; /* css-3 */
white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
white-space: -pre-wrap; /* Opera 4-6 */
white-space: -o-pre-wrap; /* Opera 7 */
/* width: 99%; */
word-wrap: break-word; /* Internet Explorer 5.5+ */
}

Lepo Ajax Anketa

Statistika

Oglaševanje