Domáce Rozvrhnutie (html / css) Obtekanie textu v tagu vopred

Nie je to tak dávno, narazil na problém, že som zadal kód cez GeSHi krásne zobrazí, ale škaredý úsek stránky.

Napríklad tento kus kódu

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

zobraziť iba jeden riadok.

Riešením tohto problému bolo veľmi jednoduché. Skutočnosť, že značky pre V predvolenom nastavení nedovoľuje nútený riadkov. A všetko, čo potrebujete, je vložiť kus kódu CSS, ktorá hovorí prehliadači, čo má robiť, aby platnosť prevodu.

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

tu

Komentáre

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

 

Pekný Ajax Anketa

Ktorý z mojich rozšírení je najlepší?

Štatistika

Reklama