Wie werden die Bedingungen für das Aufbrechen von Wörtern in IE festgelegt?

Question

Insbesondere sagen, ich habe eine Zeichenfolge wie ABC-123-NNN. Ich möchte den Absatz Zeilenumbrüche haben, aber nicht um die Bindestriche zu brechen.

Wenn mein Text "Die Seriennummer ABC-123-NNN ist nicht gültig" lautet, möchte ich die gesamte Seriennummer zusammenhalten, wenn sie die Containerbreite überschreitet.

So folgendes ist ok:

 
    The serial number 
    ABC-123-NNN is not 
    valid 

Aber die folgenden (die das Verhalten von IE6) nicht:

 
    The serial number ABC- 
    123-NNN is not valid 

Derzeit IE scheint Striche zu brechen. Gibt es ein anwendbares CSS oder was auch immer ich anwenden kann, um es zu vermeiden?

Answer 1

in IE zu beheben: wickeln Sie Ihren Text in < NOBR> -Tags, und verwenden Sie dann den < WBR> -Tag eine Pause, um anzuzeigen:

<nobr>The serial number<wbr /> ABC-123-NNN is not<wbr /> valid</nobr> 

oder nur sicherstellen, dass die Seriennummer ist intakt:

The serial number <nobr>ABC-123-NNN</nobr> is not valid 

Beachten Sie, dass diese Methode veraltet.

Answer 2

verwenden, um die <nobr> Tag rund um die Seriennummer

Answer 3

Verwenden Sie eine non-breaking hyphen.

ABC‑123‑NNN