3

我尝试创建一个 pdf （使用mPDF），但我遇到了问题。

看看http://irk-studio.ru/files/763.pdf

问题是浮动图像和文本。它看起来像两列页面，但对我来说并不好。

html很简单：

<div class="text">Some article text</div>
<div style="float:right">
 <img src="..." />
 <img src="..." />
</div>
4

3 回答 3

4

浮动 div 在 mPDF 中可以正常工作。您需要声明 div 的宽度

看这里

于 2013-06-03T21:07:22.540 回答
0

根据MPDF 的手册

All Block level tags:
P, DIV, H1-H6, BLOCKQUOTE, ADDRESS, DL (contd.)

float   left|right

Partially supported as for CSS2 property.
NB Fixed-position or floating elements nested inside other fixed-position or floating elements are not supported.

从 5.4 开始不完全支持浮动。这里有一个如何在 mPDF 中做两列的例子：http://mpdf1.com/manual/index.php?tid= 246

于 2012-05-01T22:10:47.943 回答
-1

我的解决方案

每个浮动 div 都有类（.fl 或 .fr）

.fl { float:left; }
.fr { float:right; }

    $(".fl").each(function(e)
    {
        $(this).css('width',$(this).outerWidth( true ));

    });
   $(".fr").each(function(e)
    {
        $(this).css('width',$(this).outerWidth( true ));

    });
于 2016-01-08T03:41:13.940 回答