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

Question

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

我有一个在浏览器中工作正常的表，但是当我打印时，文本与中间对齐，忽略了我的“vertical-align：top”设置。

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

我在常规样式表和打印样式表中都设置了vertical-align，但没有任何效果。它开始变得有点烦人了。我也尝试在桌子上设置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>