­ 단어 끝 부분에 여분의 하이픈을 없애는 방법

Question

나는 안에 ­을 넣었다는 단어가 있습니다. 그것은 화면 크기가 충분히 작아지기 전까지 하이픈으로 끝나고 끝에 하이픈을 추가합니다.

편집 : html을 다르게 해석하기 때문에 jsfiddle에서 재현 할 수 없습니다. 나는이 문제를보고 답처럼 정말하지 않았다

나는 Extra hyphen at end of word if ­ is used in middle of the word and the parent div is narrow 그러나

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

마지막에 추가 하이픈으로

이되는 문제의 사진을 표시 할 수 있습니다 . "div를 넓게하십시오".

내가 대신 묻지 않은 여분의 하이픈을 추가하지 못하게 할 방법이 있습니까? http://htmledit.squarefree.com/

에

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



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

작성

는

하지만 아주 유사한 문제가 발생한다. 크롬으로 만 복제 할 수 있습니다.

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; 
}