如何在单词结尾处除去额外的连字符

Question

我有一句话，我已将­放入其中。它连接好，直到我达到足够小的屏幕大小，然后在最后增加一个连字符。

编辑：无法在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。 “只是让div更宽广”。

有没有办法让它不添加我没有要求的额外连字符？

书写

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



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

在http://htmledit.squarefree.com/

上

导致类似问题但不完全。我似乎只能用Chrome复制

Answer 1

你能使用flex吗？

Codepen

<强> HTML

如果我添加display: inline-flex;

，它似乎适合我

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

<强> CSS

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