我对此进行了大量的搜索,但是我不知道是否有任何可以使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;
}
在印刷时,上表仍分成一行。我正在使用电子来渲染所有东西。有谁知道可能出了什么问题?