代码之家  ›  专栏  ›  技术社区  ›  pixx

无法在mpdf中使用css边框

  •  0
  • pixx  · 技术社区  · 6 年前

    我正在尝试使用mpdf导出数据表,但无法使用css边框,我已经尝试了很多方法。。。

    在这个简单的示例中,我还尝试在标题上应用边框进行测试:

    <?php
    require_once('vendor/autoload.php');
    ob_start();
    ?>
    <!DOCTYPE html>
    <html>
        <head>
            <title>test</title>
            <style type="text/css">
            @media(print)
            {
                h1
                {
                    font-size: 16px;
                    box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,1);
                }
    
                table
                {
                    width: 100%;
                    font-size: 13px;
                    border: none;
                }
    
                td
                {
                    border: 1px black solid;
                    box-shadow: inset 0px 0px 0px 1px rgba(0,0,0,1);
                }
            }
            </style>
        </head>
        <body>
            <h1>
                Headline
            </h1>
            <table>
                <tr>
                    <td>blabla</td>
                    <td>blabla</td>
                    <td>blabla</td>
                </tr>
            </table>
        </body>
    </html>
    <?php
    $content = ob_get_clean();
    $mpdf = new \Mpdf\Mpdf();
    $mpdf->SetHTMLFooter('<div class="footer"><span class="pagenum">Seite: {PAGENO} / {nbpg}</span></div>');
    $mpdf->WriteHTML($content);
    $mpdf->Output();
    

    我还尝试将css放入外部样式表或内联应用,但没有成功。。
    (通过Composer安装的最新mpdf版本)
    奇怪的是,字体大小和背景样式都被应用到了o

    我有什么遗漏吗?

    更新时间:
    我已经更新了代码,也尝试应用方框阴影,它们应用于h1,但不应用于td元素。。而且,这似乎不是一个真正干净的解决方案,为表。。。

    1 回复  |  直到 6 年前
        1
  •  2
  •   Finwe    6 年前

    正确的CSS border 规范定义为 <br-width> || <br-style> || <color>

    当CSS定义为

    td {
      border: 1px solid black;
    }
    

    https://developer.mozilla.org/en-US/docs/Web/CSS/border