­ Wie loswerden der zusätzlichen Bindestrich am Ende des Wortes

Question

Ich habe ein Wort, dass ich eine ­ innerhalb gesetzt habe. Es Bindestrich gut, bis ich zu einer kleinen Bildschirmgröße komme, dann fügt es einen zusätzlichen Bindestrich am Ende hinzu.

Edit: Kann es nicht in jsfiddle reproduzieren, weil es scheint, den HTML-Code anders zu interpretieren. Ich kann jedoch am Ende

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

Wird

Mit einem zusätzlichen Bindestrich ein Bild des Problems zeigen

ich das sah und nicht wirklich wie die Antwort, Extra hyphen at end of word if ­ is used in middle of the word and the parent div is narrow . "mach einfach das div breiter".

Gibt es irgendwelche Möglichkeiten, um zusätzliche Bindestriche hinzuzufügen, die ich stattdessen nicht angefordert habe?

Schreiben

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



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

Auf http://htmledit.squarefree.com/

Verursacht ein ähnliches Problem aber nicht ganz. Ich kann nur scheinen, mit Chrom

Answer 1

zu replizieren Können Sie Flex verwenden?

Codepen

HTML

Es scheint für mich in Chrom zu arbeiten, wenn ich display: inline-flex;

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

CSS

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