Как указать условия разбиения по словам в IE?

Question

В частности, скажем, у меня есть строка, подобная ABC-123-NNN. Я бы хотел, чтобы в абзаце были разрывы строк, но , а не , чтобы разбивать тире.

т.е. если мой текст «Серийный номер ABC-123-NNN недействителен», я хотел бы сохранить вместе весь серийный номер, если он превышает ширину контейнера.

Итак, все в порядке:

  The serial number 
  ABC-123-NNN is not 
  valid

Но следующее (это поведение IE6) не таково:

  The serial number ABC-
  123-NNN is not valid

В настоящее время IE, кажется, ломается в тире. Есть ли какой-либо применимый CSS или что я могу применить, чтобы избежать этого?

Answer 1

Используйте неразрывный дефис .

ABC‑123‑NNN

Answer 2

Чтобы исправить в IE: оберните текст в теги , а затем используйте тег , чтобы указать разрыв:

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

или просто убедиться, что серийный номер не поврежден:

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

Обратите внимание, что этот метод устарел.

Answer 3

используйте тег вокруг серийного номера