wkhtmltopdf垂直对齐基线忽略

我有以下的HTML标记，在这里我想用不同的字体和字号的第一个字母：wkhtmltopdf垂直对齐基线忽略

<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我得到这个：

正如你所看到的，第一个字母的垂直对齐方式是错误的。

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

来源

2017-05-07 bernhardh

我不知道，如果你仍然有问题，但我有同样的问题，我找到了原因是影响要素（图像，表格，图表等）很接近分页符，我想随您行前<br>将足够多。

另一种方式是指定你想在CSS文件中的分页符，这样

p{ 
    page-break-inside:avoid; 
} 
.pagebreak { 
    page-break-after: always; 
}

这样，你不会有段内分页符，并且可以指定你想在分页符类分页。

如果你仍然有垂直对齐问题，你可以在WkHtmltoPdf GitHub页面搜索GitHub WkHtmlToPdf

来源

2017-09-06 22:03:41 Dotomich

wkhtmltopdf垂直对齐基线忽略

回答

相关问题