2014-03-03 35 views
1

我試圖用jsPDF將HTML轉換爲PDF。但是因爲我希望每個單詞都在HTML中的確切位置,所以我將每個單詞都包裝在<span> s中。在這裏,我有一個包含了一堆spanfont標籤(不是我的代碼生成):啓用自動換行

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

但是當我這樣做似乎打破了默認的自動換行,你可以在​​看到。

我該如何解決這個問題?

+0

不完全但有關我建議你不要使用字體標籤了。現在,CSS是最好的方法。 **編輯**只是注意到你說你沒有生成它。 – Spedwards

回答

3

這是因爲默認顯示爲inline。如果你使用inline-block它會包裝成你所期望:

看到這個jsfiddle

唯一的變化是將CSS:

span 
{ 
    display:inline-block;  
} 

您可能需要爲此創造一個新的類(例如wordWrapSpan)而不是更改跨度的默認行爲。

+0

這解決了這個問題,謝謝。 –

+0

@Derek朕會功夫 - excellent。 – acarlon

0

您還可以使用:

風格自動換行:打破字;

.font{ word-wrap: break-word; } 看到這個小提琴Fiddle