mpdf 列和全宽图像答案

【问题标题】：mpdf columns and full width imagesmpdf 列和全宽图像
【发布时间】：2017-02-27 20:56:55
【问题描述】：

我正在使用 mpdf 生成 pdf。我需要文本的 2 列布局，但在某些页面上，我需要向页面添加全宽图像。见例子：

我试过了：

<columns column-count="2" vAlign="justify" column-gap="10">
    asd dsadsa...
</columns>
<pagebreak />
<columns column-count="0">
    <img src="someimage.jpg" class='content-img' />
</columns>
<columns column-count="2" vAlign="justify" column-gap="10">
    asd dsadsa...
</columns>
<columns column-count="0">
    <img src="someimage.jpg" class='content-img' />
</columns>

'content-img' 类只是将宽度添加到图像：

.content-img {
    width: 180mm;
}

但是当我这样做时，我会在第一张图片之后得到很大的利润 - 参见示例：

而且我无法删除它。有什么想法吗？

【问题讨论】：

标签： mpdf

【解决方案1】：

设置为 IMG 类似 css 样式“padding-bottom: -200px”（仅适用于第一页图像）。

【讨论】：

【解决方案2】：

我遇到了类似的问题，发现在<p>...</p> 中包装图像和所有内容通常有助于解决此类问题！

【讨论】：