워드 랩 사용

Question

jsPDF를 사용하여 HTML을 PDF로 변환하려고합니다. 그러나 HTML에서와 같이 정확한 위치에 모든 단어를 넣고 싶기 때문에 나는 모든 단어를 <span>로 감쌌습니다. 나는이 작업을 수행 할 때

<font><span>Hello</span>&nbsp;<span>wrap</span>&nbsp;<span>....</font> 

그러나 당신이 here에서 볼 수있는 기본 wordwrapping을 깰 것 : 여기가 span s의 무리를 포함하는 font 태그 (안 내 코드에 의해 생성)가 있습니다.

어떻게 해결할 수 있습니까?

Answer 1

기본 표시가 inline이기 때문입니다. 당신이 inline-block를 사용하는 경우는 예상대로 바꿈됩니다 :

이 유일한 변화는 CSS이다이 jsfiddle

참조 :

span 
{ 
    display:inline-block;  
} 

당신은 이것에 대한 새로운 클래스를 만들 수 있습니다 (예 : wordWrapSpan)을 사용하십시오.

Answer 2

다음과 같이 사용할 수도 있습니다.

스타일 단어 줄 바꿈 : break-word;

.font{ word-wrap: break-word; }

는 Fiddle