wkhtmltopdf vertical-align基线被忽略

Question

我有以下html标记，我想在第一个字母中使用不同的字体和字体大小：

<table class="maintable">
  <tr>
    <td>
      <span class='first-letter'>E</span>s war einmal ein Prinz, der auf der Suche nach der richtigen Frau war.
    </td>
  </tr>
</table>

我使用以下CSS

body {
    font-family: 'montserrat';
    font-size: 3.5mm;
    line-height: 6.0mm;
}
.first-letter {
    font-family: 'arabesqueinitialen', Arial;
    font-size: 15mm;
    vertical-align: baseline;
}
.maintable td {
    vertical-align: top;
    text-align: justify;
}

如果我在Chrome中运行此操作，我会得到以下结果：

这正是我想要的。

但是当我用wkhtmltopdf转换它时，我得到了这个：

如您所见，第一个字母的垂直对齐方式是错误的。

任何想法如何解决这个问题？

Answer 1

我不知道你是否还有这个问题，但我遇到了同样的问题，我发现原因是受影响的元素（图像，表格，图表等）接近分页符，我在你的生产线出现之前，请考虑使用select [value],count(*) as TagCount from Tags group by [value] order by TagCount desc 。

另一种方法是在css文件中指定您希望分页的位置，例如

<br>

这样你就不会在段落中包含分页符，并且可以指定你希望分页在哪里与分类分类。

如果您仍然遇到垂直对齐问题，可以在WkHtmltoPdf GitHub页面中搜索GitHub WkHtmlToPdf