html div에서 단어 분리 (하이픈 넣기)를 방지하는 방법은 무엇입니까?

div 안에있는 열에 동일한 길이의 단어 집합을 표시하려고합니다. 나는 새 글꼴을 사용하고 있습니다. 여태까지는 그런대로 잘됐다.html div에서 단어 분리 (하이픈 넣기)를 방지하는 방법은 무엇입니까?

그러나 일부 단어는 '-'를 포함하며 부적절하게 (하이픈으로) 부각됩니다.

enter image description here

CSS (또는 JS)와 함께이 문제를 방지 할 수있는 방법이 있나요 : 그것은 레이아웃을 나누기?

출처

2012-12-12 JVerstry

당신이 당신의 코드를 추가 할 수 있습니까? –

코드를 게시하십시오. – Sowmya

text-align:justify은 홀수 간격을 만듭니다. HTML : 모든 단어가 같은 길이지만 나는 더 나은 솔루션 ‑

데모가 아닌 파괴 대시와 하이픈을 모두 교환하는 것입니다라고 말하고 싶지만 때문에 지금은 문제가 너무 많은 아니다

<div> 
    <h1>With non-breaking hyphen</h1>  
    <br /> 
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
     tempo&#8209;r incid&#8209;idunt ut labore et dolore magna aliqua. Ut enim ad minim ve&#8209;niam, 
     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea comm-odo 
     consequat. Duis au-te irure dolor in repr&#8209;ehenderit in voluptate velit esse 
    </p>   
</div> 
<div> 
    <br /> 
    <h1>Without non-breaking hyphen</h1> 
    <br />    
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod 
     tempo-r incid-idunt ut labore et dolore magna aliqua. Ut enim ad minim ve-niam, 
     quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea comm-odo 
     consequat. Duis au-te irure dolor in repr-ehenderit in voluptate velit esse 
    </p> 
</div>

CSS는

div{ 
    width:300px;   
}

이 JSFiddle에 참조 (이것은 단지 포장을 강제하는 것입니다) :,http://jsfiddle.net/beKfz/4/

출처 : No line-break after a hyphen

출처

2012-12-12 09:59:03 ShaunYearStrong

Courier New 글꼴에는 끊기지 않는 하이픈이 포함되어 있지 않으므로 '‑'을 사용하면이 경우 텍스트의 일반 하이픈과 약간 다른 것으로 보이는 다른 글꼴의 글리프가 사용됩니다 아마도 Courier New 글립의 너비와 다른 너비 일 것입니다. –

Jukka, 절대적으로, 당신 말이 맞아, 그건 내 다음 문제 ... 롤 – JVerstry

그건 절대적으로 올바른 Jukka,이 스레드는 당신에게 사용할 수 있습니다 @ http://stackoverflow.com/questions/8753296/how-to-prevent 하이픈을 모든 브라우저에서 깨뜨리는 것은 어려운 문제로 보입니다. – ShaunYearStrong

html div에서 단어 분리 (하이픈 넣기)를 방지하는 방법은 무엇입니까?

답변

관련 문제