Eine der gängigen CSS-Techniken besteht darin, zu verhindern, dass Text automatisch umbrochen wird.

Autor：Eve Cole Aktualisierungszeit：2009-05-31 01:04:54

Leerraum: Nowrap

Wenn der chinesische Text sehr lang ist (es gibt keine Leerzeichen oder Zeilenumbrüche in der Mitte), egal ob es sich um IE oder Firefox handelt, wird er automatisch umbrochen, wenn er die Grenze erreicht.

Aber in manchen Fällen wollen wir das nicht. Beispiel: Wenn mehrere Lis nebeneinander angeordnet sind und Sie nicht möchten, dass der Text des letzten Lis in jeder Zeile automatisch umgebrochen wird, können Sie dieses Attribut verwenden.

Nach Verwendung dieses CSS-Attributs kann der Text nur dann umgebrochen werden, wenn er auf ein Leerzeichen oder ein Zeilenumbruchzeichen trifft.

Zum Beispiel:

div{white-space: nowrap;}

Führen Sie die Demo aus
<style type="text/css"> div{width:300px;border:1px solid red;margin:10px;overflow:hidden;} .nowrap{white-space: nowrap;} </style> <div class=" nowrap"> Dies ist ein sehr langer Text ohne Leerzeichen oder Zeilenumbrüche in der Mitte. Er wird nicht automatisch umgebrochen, bis er abgefangen wird<br /> </div> <div> Dies ist ein sehr langer Text ohne Leerzeichen oder Zeilen bricht in der Mitte ab, wird aber automatisch umgebrochen<br /></div>

Für den extrabreiten Text in den beiden oben genannten Divs ist das Umbrechen des ersten verboten, und das zweite wird nicht abgefangen, sodass es automatisch umgebrochen wird.