第一个字母显示为高于打印媒体中的其他字母

Question

我的页面在屏幕上显示正常，但是当我想要打印时，它会以图像中显示的方式显示。我正在使用bootstrap 4及以下是图像中捕获的元素的代码行。

<h3 class="text-center">RESULT SHEET</h3>
<!-- for the table -->
<thead>
  <tr>
    <th colspan="7" class="text-center">COGNITIVE ASSESSMENT</th>
  </tr>
</thead>

如何将文本“结果表”和“认知评估”正确地显示在一条直线上。 感谢

Answer 1

在媒体打印中尝试此操作

@media print{
        ::first-letter {
            margin: 0;
            padding: 0;
    }
}