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

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

Ответ 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> до определенных символов Unicode), но они не такие, как кросс-браузер.

Ответ 2

I ran into this issue with a plural treatment like "user(s)" where IE breaks the word after the R. You should be able to use the word joiner character (⁠), but in my test with IE11, only the deprecated zero-width non-breaking space character worked:

user&#xFEFF;(s)

Ответ 3

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

The number to call is: (423)&nbsp;276&mdash;0000

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