ширина диапазона и поплавок в mpdf не работают

Я занимаюсь разработкой HTML-отчета с использованием библиотеки mpdf. мой код:

..
<td style="width:400px">
<span style="float:left; width:60px;">Rp</span>
<span style="float:right; width:340px;">100</span>
</td>
..

я хочу, чтобы он отображался как «Rp» с левой стороны и «100» с правой стороны, в браузере он показывает идеальный результат, как я хочу, но при создании в формате pdf оба они находятся на левой стороне. и ширина пролета не правильная. почему это не работает?

кто-нибудь, помогите мне, пожалуйста, заранее спасибо.


html mpdf
person Eko Dedy    schedule 02.08.2013    source источник

Ответы (1)


arrow_upward
5
arrow_downward

Попробуйте использовать «проценты» вместо «px»:

HTML:

<table>
    <tr>
        <td>
            <span>Rp</span>
            <span>100</span>
        </td>
        <td>
            second TD
        </td>
    </tr>
</table>

CSS:

table{
    width: 100%;
    border: 1px solid red;
}

td {
    width: 400px;
}

td span{
    float: left;
    border: 1px solid green;
    width: 20%;
    margin-right: 10px;
}

td span:nth-child(2){
    border: 1px solid blue;
    width: 60%;
}

Демонстрация: http://jsfiddle.net/R5KW6/1/

person Arbaoui Mehdi    schedule 02.08.2013
comment
на другом форуме сказали, что MPDF не поддерживает элемент блока внутри td/table.. может быть, я попробую только с табличным представлением.. - person Eko Dedy; 02.08.2013
comment
Кажется, это так, даже когда плавающие элементы div без таблицы, но я понятия не имею, почему. Px работает для других стилей, но при использовании с плавающей запятой он по умолчанию равен 100%. - person Dazbert; 04.04.2017
comment
Это не сработало для меня - person Moisés Valles; 15.04.2021