跨度寬度和在mpdf上浮動不起作用

我在使用mpdf庫開發報表html。我的代碼是：跨度寬度和在mpdf上浮動不起作用

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

我希望它是在右側會出現在左側的「盧比」和「100」，在瀏覽器中它顯示了完美的結果，因爲我想，但是當產生成pdf ，他們都在左側。並且跨度的寬度不正確。爲什麼這不起作用？

有人幫助我，謝謝。

來源

2013-08-02 Eko Dedy

-2

更換float到margin-left

<td style="width:400px"> 
<span style="width:60px;">Rp</span> 
<span style="margin-left:60px;width:340px;">100</span> 
</td>

來源

2013-08-02 04:39:03

我已經嘗試此，但在其他論壇仍然不工作.. –

嘗試使用「百分比」，而不是「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-02 04:51:10

說，TD /表內MPDF犯規支持BLOK元素.. 也許我會只表視圖嘗試.. –

這似乎確實如此，即使浮動div沒有表，但我不知道爲什麼。 Px適用於其他樣式，但在浮點上使用時默認爲100％ – Dazbert

跨度佔據空間，每個內容。你可以使用div來代替span，但是你需要使用div外側的td（表結構），因爲div寬度在表格內不起作用。

這裏是例子。

<div style='float:left; width:350px;'>Rp</div> 
 
<div style='float:width:200px;'>100</div>

來源

2016-05-24 09:55:07

跨度寬度和在mpdf上浮動不起作用

回答

相關問題