3

mpdf ライブラリを使用してレポート html を開発しています。私のコードは次のとおりです。

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

左側に「Rp」、右側に「100」と表示したいのですが、ブラウザでは希望どおりの完璧な結果が表示されますが、pdfに生成すると、両方が左側にあります。スパンの幅が正しくありません。なぜこれが機能しないのですか？

誰か助けてください、前にありがとう。

4

2 に答える 2

5

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

于 2013-08-02T04:51:10.540 に答える