Question

我在codeignter中使用了tcpdf。我想为td提供内联css。

我的代码是：

 <table style="float:left;width:100%; border:1px solid #c2c2c2; margin-top:10px;">
    <tr style="float:left;width:100%;">
        <td style="float:left;width:50%;">
            <tr style="float:left;width:260px;">
                <th style="float:left;width:20px;color:#2F70A8;"><span style="border-right:1px solid #c2c2c2;">Sr no</span></th>
                <thstyle="float:left;width:80px;color:#2F70A8;"><span style="border-right:1px solid #c2c2c2;">Date</span></th>
                <th style="float:left;width:80px;color:#2F70A8;"><span style="border-right:1px solid #c2c2c2;">Credit Amount</span></th>
                <th style="float:left;width:80px;color:#2F70A8;"><span style="border-right:1px solid #c2c2c2;">Description</span></th>
            </tr>
            <?php
                $i = 1;
                foreach($br_result as $branch)
                {
            ?>
                    <tr style="float:left;">
                        <td style="float:left;width:20px;"><span style="float:left;border-right:1px solid #c2c2c2;"><?php echo $i; ?></span></td>
                        <td style="float:left;width:80px;"><span style="float:left;border:1px solid #c2c2c2;"><?php echo $branch->Date; ?></span></td>
                        <td style="float:left;width:80px;"><span style="float:left;border:1px solid #c2c2c2;"><?php echo $branch->payment; ?></span></td>
                        <td style="float:left;width:80px;"><span style="float:left;border:1px solid #c2c2c2;"><?php echo $branch->remark; ?></span></td>
                    </tr>
            <?php
                $i++;
                }
            ?>
        </td>
        <td>
        </td>
    </tr>
</table>

此处跨越css，因为 border-right 和 border 不起作用。我也尝试了一些其他的方法，比如给我的span提供类，并创建并应用css但它不起作用。那么我该怎么办才能解决这个问题？

Answer 1

TCPDF不支持所有css属性，您可以使用CSS进行一些基本格式化。但我不认为TCPDF支持边界css属性。

<强> Documentation TCPDF

此替代方案

的 wkhtmltopdf

的 DOMPDF

的 mPDF

Answer 2

由于<span>是内联元素，请尝试将样式添加到适合您设计的范围display:inline-block;或display:block;。

<span style="display:inline-block; border-right:1px solid #c2c2c2;">

内联css在我的pdf中不起作用

2 个答案: