Question

这是PDF或HTML样式问题：我想在PDF中使用多个文本列。我对PDFMaker的Vtiger PDF导出工具进行了自定义修改。目前看起来好像我只能在从php导出模块生成的elemnt样式标签中进行内联样式。

在浏览器中使用文本/代码编辑器时，我的样式运行正常。我能够创建文本列，一切看起来都很棒！（感谢这个天才！：http://jsfiddle.net/jalbertbowdenii/7Chkz/）...我使用了这个确切的代码，只是内联。

  .cols {
    -moz-column-count:3;
    -moz-column-gap: 3%;
    -moz-column-width: 30%;
    -webkit-column-count:3;
    -webkit-column-gap: 3%;
    -webkit-column-width: 30%;
    column-count: 3;
    column-gap: 3%;
    column-width: 30%;
   }

但是当我导出到PDF时，它不会渲染列..我的孩子divs堆叠。 *注意：我确实将所有百分比更改为固定宽度（pdf似乎不喜欢百分比......不确定这个，但似乎是这样）

那么，PDF的样式是否有一些特别之处可以让它识别列？或者在CSS中是否有经过验证的工作来实现多个文本列？

先谢谢，Stackoverflow摇滚！

Answer 1

几天后没有回复，这是我发现的。有不同的PDF“类”（不知道如何在这个上下文中定义类）...但它是解释用于呈现PDF的不同形式的代码的代码库，我已经看过PHP，JQuery和HTML。

对于我的问题的答案，我需要知道我使用的PDF“类”的HTML样式是否有效。事实证明，我使用的库/类名为mPDF

这个类有很好的文档记录它支持的样式和属性：

阅读完文档后，似乎不支持“列数”样式，浮点数也有限。看来我无法实现我正在寻找的“砌体”式布局（此时）。

Answer 2

添加以在mpdf中添加多列功能使用以下代码

<columns column-count="3" vAlign="J" column-gap="2"/>
<!-- add the dive with text etc here-->
<columns/>

有关详细信息，请查看此网站https://mpdf.github.io/reference/html-control-tags/columns.html

使用多个文本列设置PDF样式

2 个答案: