0

我正在使用 Nreco PDF 生成器。如果我尝试使用以下 HTML 生成 PDF 文件，则文本超出边距。

<html>
<head>
<style> 
P {
     word-break: break-word;
     border: 1px solid black;
}
</style>
</head>
<body>

<P align=justify>Lorem ipsum dolor sit amet, consectetur adipiscing elit. In lacinia lacus lorem, sit amet luctus elit commodo a. Etiam sagittis varius maximus. Donec quis finibus purus, quis pulvinar purus. Nunc vitae eros eget nibh vestibulum malesuada. Quisque elit lorem, tincidunt vel facilisis sed, sollicitudin vulputate nisi. Cras ut vestibulum justo. Pellentesque et metus iaculis, ullamcorper mauris at, finibus dui. Donec in odio et tellus eleifend vehicula at non felis. Aliquam hendrerit auctor lorem dapibus pellentesque. Phasellus neque nunc, congue sed ipsum sit amet, sagittis scelerisque diam. Sed et fermentum odio. Aliquam rhoncus elit mauris, et accumsan lectus viverra quis. Nullam venenatis diam id dolor cursus, eget porttitor mi fermentum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos.</P>
</body>
</html>

使用此处提供的表格，结果如下：已发行 pdf

我也尝试添加overflow-wrap: break-word样式，但无法解决问题。

该问题是由align=justify. 删除它会使文本保持在边界内 - 但它不应该是合理的。

我该如何解决？

4

1 回答 1

0

由于 NReco PdfGenerator 是 wkhtmltopdf 工具的包装器，因此您的问题实际上是关于它的 QtWebKit 4.8 引擎。我知道至少 2 种方法来处理您描述的 align=justify 问题：

1）添加text-rendering: geometricPrecision;CSS规则：

P {
     word-break: break-word;
     border: 1px solid black;
     text-rendering: geometricPrecision;
}

2）使用自定义字体，例如：

<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;lang=en" />  
<style>
P {
     word-break: break-word;
     border: 1px solid black;
     font-family: 'Open Sans', serif;
}
</style>
于 2017-10-10T13:05:36.403 回答