CSS停止表格行內的分頁符

我試圖避免在可能經過一頁的HTML表格的行內出現分頁符。我正在使用Internet Explorer Print Preview以及BCL EasyPDFSDK將其轉換爲PDF以測試此功能。我申請的各種組合以下CSS樣式到<td>元素，但是爲每一個我得到了一個令人失望的結果：CSS停止表格行內的分頁符

td { 
    page-break-inside: avoid !important; 
    white-space: nowrap; 
    overflow: hidden; 
    margin: 4px 0 4px 0; 
}

我相信page-break-inside: avoid !important工作，但僅在<td>水平。例如，我將看到一個<tr>，在第一頁的末尾有一個<td>，並且所有文本都保持不變，但下面的<td>標籤將在下一頁上顯示，並且所有文本都完好無損。

我不認爲你應該將格式應用到<tr>，所以我不確定如何去解決這個問題。

我應該將CSS應用到<tr>還是有另一種方法來實現？

感謝您的幫助！

來源

2017-04-20 Ibrennan208

你能提供一個小提琴嗎？這將有所幫助 –

原來我需要摺疊表元素上邊框和減少我的填充只使用1px的

table { border-collapse: collapse; } 
td { 
    page-break-inside: avoid !important; 
    white-space: nowrap; 
    overflow: hidden; 
    padding: 1px; 
    font-size: xx-small; 
}

我還設置字體大小，以xx-small只是這是造成問題的情況下。當我摺疊邊框時，問題似乎主要得到解決，所以它讓我想知道表是否因爲這個問題而拆分了行。

乾杯！

來源

2017-04-21 08:51:15 Ibrennan208

CSS停止表格行內的分頁符

回答

相關問題