0

图片：如何­在 safari vs chrome 中添加连字符 问题是在 safari 一侧的红色方块中的句点之后的额外连字符。

在 Safari 浏览器中的使用似乎存在问题，­我不确定如何解决此问题。在使用 a 的某些中断处­，我在断词后添加了另一个连字符（如链接图片所示）。据我所知，该问题仅存在于移动 Safari 浏览器中，即 shy-ed 单词遇到断点（如：宽度不足的元素）而没有中断的地方。有人可以解释一下为什么会发生这种情况以及如何解决它（使用另一种除外­）？

.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>

编辑：这个问题讨论了同样的问题，但没有为 safari 问题提供解决方案。Edit2：添加了代码片段，尽管可重现性取决于浏览器。

4

0 回答 0