我使用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>
&#39; content-img&#39; class只是为图像添加宽度:
.content-img {
width: 180mm;
}
但是当我这样做时,我在第一张图片后得到了很大的余量 - 见例子:
我无法删除它。有什么想法吗?
答案 0 :(得分:0)
设置为IMG类似于css样式&#34; padding-bottom:-200px&#34; (仅适用于首页图像)。
答案 1 :(得分:0)
我遇到了类似的问题,发现在<p>...</p>
中包装图像和所有内容通常可以解决此类问题!