Проблемы с мобильным браузером Safari с & shy;

Картина: Как­добавляет дефис в safari vs chrome Проблема заключается в дополнительном дефисе после точки в красном квадрате на стороне сафари.

Кажется, есть проблема с использованием ­в браузерах Safari, и я не знаю, как это исправить. В некоторых перерывах, где­используется, я добавляю еще один дефис после разорванного слова (как показано на рисунке по ссылке). Проблема существует только в мобильных браузерах Safari в тех местах, где застенчивое слово встречает точку останова (например, элемент с недостаточной шириной) без нарушения, насколько я могу видеть. Может кто-нибудь пролить свет на то, почему это происходит и как это исправить (кроме использования другого­)?

.foo{
width: 15px;
}
<html>
  <body>
    <div class="foo">
      <p>This&shy;is&shy;a&shy;very&shy;long&shy;word&shy;with&shy;a&shy;shy&shy;breakpoint.</p>
    </div>
  </body>
</html>

Изменить: этот вопрос касается той же проблемы, но не дает решения проблемы сафари. Edit2: добавлен фрагмент кода, хотя воспроизводимость зависит от браузера.

Источник

0 ответов

Другие вопросы по тегам