这是我在这里的第一篇文章,所以如果您需要更多信息,请告诉我。
我有一个在浏览器中工作正常的表格,但是当我打印时,文本与中间对齐,忽略了我的“vertical-align: top”设置。
当我检查 chrome 中的打印样式时,它似乎忽略了我设置的垂直对齐。它唯一的写法是在“用户代理样式表”中,它被设置为“继承”。 “用户代理样式表”来 self 所了解的浏览器设置?
我在常规样式表和打印样式表中都设置了垂直对齐,但没有任何效果。它开始变得有点烦人了。我也试过在 table 上设置 valign,结果相同。
该表像普通表一样构建,如下所示:
<table valign="top">
<tbody>
<tr>
<th><th>
<td></td>
<td></td>
</tr>
<tbody>
</table>
最佳答案
我认为您的问题出在您的媒体查询声明中。但是,如果您使用 html 表格,为什么不使用该属性而不是 CSS?
您声明 <td>
和 <th>
元素将是 display: table-cell
这是不必要的,因为这是默认样式。我认为你应该使用这个:
<table>
<tr>
<td valign="middle">
</td>
</tr>
</table>
关于html - 垂直对齐 :top not working on table when printing,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35598025/