html - ­如何消除单词结尾的多余连字符

我有一个词，我把a­放进去了。它可以连字符，直到我得到一个足够小的屏幕大小，然后它添加一个额外的连字符结束。
Edit：无法在jsfiddle中复制它，因为它似乎以不同的方式解释html。不过，我可以给你看一张问题的图片

<h3>
Flu&shy;ffyluffy Some&shy;something</h3>

变成

最后加上一个连字符
我看到这个，不太喜欢这个答案，Extra hyphen at end of word if ­ is used in middle of the word and the parent div is narrow把沙发放宽一点。
有什么方法可以让它不添加额外的连字符，而不是我要求的？
写作

<h3 class="something">Something Something&shy;Something</h3>



<style>
.something{
 width:85px
}
<\style>

打开http://htmledit.squarefree.com/
引起类似的问题，但不完全是。我只能用Chrome复制

最佳答案

你能用flex吗？
Codepen
HTML格式
如果我添加display: inline-flex;

<h3 class="something">
  Flu&shy;ffyluffy Some&shy;something
</h3>

CSS

.something{
 width:60px;
 display: inline-flex;
}

关于html - ­如何消除单词结尾的多余连字符，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/38702209/