跨度宽度和在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上浮动不起作用

回答

相关问题