Dienstag, 17. Juni 2008

Exakten Zeilenumbruch festlegen

Wer kennt nicht das Problem, dass bei manchen HTM Konstrukten die Browser unerwünscht den Text umbrechen. Da hilft im Regelfall nur ein mühseliges setzen von <br> und prüfen, prüfen, prüfen…

Es geht aber auch viel einfacher mittels <pre> </pre>:
Diese Möglichkeit des präformatierten Textes erlaubt einen präzisen Textumbruch exakt wie im Quelltext vorgegeben.

Beispiel Code:
<pre>Diesen Textabschnitt, den Sie gerade lesen,
wurde als präformatiert definiert.
Zeilenumbrüche werden jetzt so interpretiert,
wie sie im Editor eingegeben wurden.</pre>


Das Ergebnis:
Diesen Textabschnitt, den Sie gerade lesen,
wurde als präformatiert definiert.
Zeilenumbrüche werden jetzt so interpretiert,
wie sie im Editor eingegeben wurden.


Im Firefox (Stand Juni 2008, FF Version 2xx) werden Leerzeilen nicht immer richtig interpretiert.
Deswegen sollten in Leerzeilen immer ein geschütztes Leerzeichen (engl. non-breaking space, abgekürzt NBSP) &nbsp;
stehen.

Beispiel Code:
<pre>Hier folgt eine Leerzeile
&nbsp;
jetzt geht es weiter</pre>

Das Ergebnis:
Hier folgt eine Leerzeile
 
jetzt geht es weiter