垂直对齐：打印时顶部不在桌面上工作

Question

这是我在这里的第一篇文章，所以如果您需要更多信息，请告诉我。

我有一个在浏览器中运行良好的表格，但是当我打印时，文本居中对齐，忽略了我的“垂直对齐：顶部”设置。

当我检查 chrome 中的打印样式时，它似乎忽略了我设置的垂直对齐。它写在那里的唯一地方是“用户代理样式表”，它被设置为“继承”。 “用户代理样式表”来自我对浏览器设置的理解？

我在常规样式表和打印样式表中都设置了垂直对齐，但没有任何效果。它开始变得有点烦人。我也试过在桌子上设置 valign，结果是一样的。

该表的构建类似于普通表，如下所示：

<table valign="top">
    <tbody>
        <tr>
            <th><th>
            <td></td>
            <td></td>
        </tr>
    <tbody>
</table>

Answer 1

我认为您的问题出在您的媒体查询声明中。但是，如果您使用 html 表格，为什么不使用属性而不是 CSS？

您声明<td> 和<th> 元素将是display: table-cell，这是不必要的，因为这是默认样式。我认为你应该使用这个：

 <table>
   <tr>
     <td valign="middle">
     </td>
   </tr>
 </table>