Библиотека mPDF и изображение с плавающей точкой - PullRequest
Новая
       12

Библиотека mPDF и изображение с плавающей точкой

2 голосов
/ 23 декабря 2011

Я пытаюсь создать 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>

Ответы [ 3 ]

3 голосов
/ 04 июня 2013

для плавающих div'ов работают правильно в mPDF. Вам нужно объявить ширину div

см. здесь

0 голосов
/ 08 января 2016

мое решение

каждый плавающий 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 ));

    });
0 голосов
/ 02 мая 2012

Согласно руководству 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

...