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垂直對齊基線忽略

回答

相關問題