图片:this link 问题是在野生动物园一侧的红色正方形中出现了句号之后的多余连字符。
在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>
编辑:How ­
adds a hyphen in safari vs chrome,但是没有为野生动物园问题提供解决方案。
Edit2:添加了代码段,尽管重现性取决于浏览器。