Dom Układ (html / css) Zawijanie tekstu w pre tag

Nie tak dawno temu wpadł na problem, że wprowadzeniu kodu przez GeSHi pięknie wyświetlane, ale brzydki rozciągnąć strony.

Na przykład ten fragment kodu

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

wyświetlić tylko jeden wiersz.

Rozwiązaniem tego problemu było bardzo proste. Fakt, że tag pre

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+ */
}

I voila, linia magiczny transportowane. Możesz podziękować tutaj lub tutaj ↓

Komentarze

 
0 #1 mishal 2012-04-06 07:41

Cytować
 

Upoważnienie

Nicea Ajax Poll

Który z moich rozszerzeń jest najlepszy?

Statystyka

Reklama