Неразрывные скобки?

Question

В нижнем колонтитуле сайта с гибкой компоновкой я заметил, что IE стремится к переносу строк в скобках (в данном случае в номере телефона). Есть ли визуально эквивалентные неразрывные скобки, аналогично неразрывным пробелам и неразрывным дефисам, которые я могу использовать вместо этого?

Answer 1

Попробуйте это:

.phone{
    white-space: nowrap;
}

<p>Call Customer Support at <span class="phone">+34 (947) 12 34 56 78</span> for further enquiries.</p>

Вы можете делать много других вещей (от тега <nobr> до определенных символов Юникода), но они не такие кросс-браузерные, как этот.

Answer 2

Я столкнулся с этой проблемой во множественном числе, например "пользователь (ы)", когда IE разбивает слово после R. Вы должны иметь возможность использовать символ присоединения слова (& # x2060;), но в моем тесте с IE11, работал только устаревший символ неразрывной пробела нулевой ширины:

user(s)

Answer 3

У меня была такая же проблема; Вот решение, которое сработало:

The number to call is: (423) 276—0000

Согласно стандарту Unicode (в частности, UAX # 14), разрыв строки не допускается до или после пробела. Таким образом, & NBSP; предотвращает разрыв строки в скобках. В любом случае не помешает пробел между кодом города и номером телефона.