HTML頁面成敗的問題

我HTML轉換成PDF和它完美的工作，但我有一個如何被顯示的數據的問題。HTML頁面成敗的問題

我有一個字符串數組，我通過他們的循環，我的EJS template.For例子中顯示它們：

<div style="page-break-after: auto; padding: 10px;"> 
    <h3>Cost Saving Calculation:</h3> 
    <p><%= modules[i].costSavedInfo %></p> 
</div> 

<div style="page-break-after: auto; padding: 10px;"> 
    <h3>Culture Change</h3> 
    <p><%= modules[i].cultureChange %></p> 
</div> 

<div style="page-break-after: auto; padding: 10px;"> 
    <h3>Other Efficiency</h3> 
    <p><%= modules[i].otherEfficieny %></p> 
</div>

問題：

當PDF生成文本顯示跨2頁是這樣的：

在上面的圖像中，一半的文本在一個pdf頁面上，另一半在第二頁面上。

我不確定它是否可行，但如何更改將文本移動到新頁面的HTML，如果它將顯示在2頁中。現在數組中文本的長度可以是任何東西。沒有任何字數限制。

這甚至可能嗎？你有

來源

2017-08-02 Skywalker

嘗試添加的始終，而不是自動 – Prince

感謝@Prince喜的評論。這只是推動每個字符串到一個新的頁面。 – Skywalker

的問題時，分頁符混淆你的段落被稱爲孤兒和寡婦。

您可以通過CSS多少行打破了之前的頁面是不分離的定義。

請查看以下說明：

widows - 「CSS中的寡婦屬性控制，可以下降到一個新的頁面段落的最小行數。」

orphans - 「孤兒屬性控制，可以在舊的網頁上留下了一個段落線的最小數目。」

我認爲，要定義兩個屬性有適當的變換輸出。

來源

2017-08-02 10:32:42 DatLicht

HTML頁面成敗的問題

回答

相關問題