mpdf列和全宽图像

时间:2017-02-27 20:56:56

标签: mpdf

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

How it should look like

我试过了:

<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>

&#39; content-img&#39; class只是为图像添加宽度:

.content-img {
    width: 180mm;
}

但是当我这样做时,我在第一张图片后得到了很大的余量 - 见例子:

Big margin

我无法删除它。有什么想法吗?

2 个答案:

答案 0 :(得分:0)

设置为IMG类似于css样式&#34; padding-bottom:-200px&#34; (仅适用于首页图像)。

答案 1 :(得分:0)

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