В нижнем колонтитуле гибкого макета сайта я заметил, что IE имеет тенденцию к обертке строк в круглых символах (в этом случае номер телефона). Есть ли визуально эквивалентная неразрывная скобка, в том же духе, что и для неразрывных пробелов и неразрывных дефисов, которые я могу использовать вместо этого?Неразрывные скобки?
Попробуйте это:
.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 символов), но они не являются кросс-браузер, как это.
Это хорошее практическое решение, однако я специально ищу чистую версию html для пользователей, не относящихся к CSS (доступность является приоритетом). – graphicdivine
Это незначительная косметическая проблема. Наличие разрыва строки в середине номера телефона не является проблемой доступности. – Quentin
@David Dorward Это не главное, что я делал. Мой приоритет заключается в том, чтобы обеспечить аналогичный опыт как возможный без CSS. Кроме того, я не согласен, я думаю, что это * барьер доступности. – graphicdivine
У меня была та же проблема; вот решение, которое работало:
The number to call is: (423) 276—0000
Согласно стандарту Unicode (в частности, UAX # 14), линия перерыв не допускается до или после не прорыва пространства. Поэтому & nbsp; предотвращает прерывание работы браузера в круглых скобках. В любом случае, это не помешает иметь пробел между кодом города и номером телефона.
Я столкнулся с этой проблемой с множественным обращением, как «пользователь (ы)», где IE разбивает слово после R. Вы должны иметь возможность использовать слово joiner character (# x2060;), но в моем тесте с IE11 работал только устаревший незанятый пробельный символ нулевой ширины:
user(s)
Возможно, вы могли бы найти круглые скобки, не используемые в ASCII, которые вы можете использовать. Я не уверен, существуют ли подходящие, но это может быть вариант, я думаю. –