如何避免跨页拆分表行

时间:2018-08-17 19:43:27

标签: html css webpage printing-web-page

我对此进行了大量的搜索,但是我不知道是否有任何可以使break-page-inside: avoid正常工作的东西。所以我只是想知道是否有人知道出了什么问题。

根据此站点:https://tympanus.net/codrops/css_reference/page-break-inside/,css应该应用于table-row元素

说我有一个简单的表:

<div class="shiftTable">
 <table class="tableStyle">
    <tr class="rowStyles">
        <td >1</td>
        <td >2</td>
        <td >3</td>
    </tr>
    <tr class="rowStyles">
        <td >1</td>
        <td >2</td>
        <td >3</td>
    </tr>
    <tr class="rowStyles">
        <td >1</td>
        <td >2</td>
        <td >3</td>
    </tr>
  </table>
</div>

样式:

shiftTable {
    position: relative;
    top: 500px (or whatever amount needed to cause page to split within a row) 
}
tableStyle {
    display: block; 
}

rowStyles {
    display: table-row !important;
    page-break-inside : avoid !important;
}

在印刷时,上表仍分成一行。我正在使用电子来渲染所有东西。有谁知道可能出了什么问题?

0 个答案:

没有答案