Изображение: Как ­ добавляет дефис в сафари по сравнению с chrome Проблема заключается в дополнительном дефисе после точки в красном квадрате на стороне сафари.
Кажется, есть проблема с использованием ­ в браузерах Safari, и я не уверен, как это исправить. В некоторых разрывах, где используется ­, я добавляю еще один дефис после разорванного слова (как видно на рисунке по ссылке). Проблема существует только в мобильных браузерах Safari в тех местах, где застенчивое слово встречает точку останова (например, элемент с недостаточной шириной) без нарушения, насколько я могу видеть. Может кто-нибудь пролить свет на то, почему это происходит и как это исправить (кроме использования другого ­)?
.foo{
width: 15px;
}
<html>
<body>
<div class="foo">
<p>This­is­a­very­long­word­with­a­shy­breakpoint.</p>
</div>
</body>
</html>
Изменить: Этот вопрос касается той же проблемы , однако не дает решения проблемы сафари. Edit2: добавлен фрагмент кода, хотя воспроизводимость зависит от браузера.