HTML CSS Printable 2 列表,具有可重复的行级元素

问题描述

我正在尝试制作可打印的东西,并且要求有两列 50% 的宽度,左半部分是一些信息,右半部分是详细信息。打印时细节可能会溢出到第二页,或者很多页。如果每一页都发生这种情况,我需要将第一列的信息打印在左侧的同一位置。

我知道 html 表格可以做到这一点,但对于垂直表格,这将使每一页都打印在顶部的表格标题中。

@media print {
  thead {display: table-header-group;}
}

试图为此找到一个解决方案,但对于水平表,其中标题不在标题中,而是在每一行中,除非有其他更明显的解决方案我忽略了。

<table>
   <tbody>
     <tr>
      <th>Repeatable on every printable page info</td>
      <td>Long details content that Could overflow into multiple pages.</td>
    </tr>
  </tbody>
</table>

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)