0

我正在 C# Asp.net 中寻找解决方案,允许我生成详细统计信息的 .pdf 文件(我创建的 Partialview),同时保持 Bootstrap 的布局以及我的个人 CSS。我尝试使用 Dinktopdf,但显然这个库不支持 Bootstrap 4 flexbox,我最终得到一个完全扭曲的统计表


我期待这样的结果 1

但实际输出是 2


如您所见,正确的列内容似乎不在文档中。确实,该文档没有古怪的 CSS,但我想在另一个具有更多 CSS 样式的文档上重用它。

如果你们中的任何人有这个问题的解决方案,或者有另一家书店(而不是 DinkToPdf)来建议我。

4

1 回答 1

2

我最近使用过这个,发现 Bootstrap 网格系统对于这种类型的布局效果很好。这是我用来获得拆分 2 列布局的内容。

<div class='col-xs-6'>
    "add content here"
</div>
<div class='col-xs-6'>
</div>
    "add content here"
<div class='clearfix'></div>

“清除修复”只是确保您添加的下一列 div 回到第一列。

我还发现 DinkToPDF 的 HTML 解析不是很好,确保后面没有多余的空格 <,>,= 似乎会混淆它。

于 2019-04-13T14:10:09.517 回答