html - 垂直对齐 :top not working on table when printing

Question

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

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

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

我在常规样式表和打印样式表中都设置了垂直对齐，但没有任何效果。它开始变得有点烦人了。我也试过在 table 上设置 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>