Question

我使用Laravel 5.3

我用：

“barryvdh / laravel-debugbar”：“^ 2.3”，

“barryvdh / laravel-dompdf”：“^ 0.7.0”，

“dompdf / dompdf”：“0.7.x@dev”，

我从这里开始：https://github.com/barryvdh/laravel-dompdf

在config \ dompdf.php中，我设置：

“DOMPDF_ENABLE_CSS_FLOAT”=＆gt;真，

在我的html pdf中，我尝试：

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title>Test</title>

        <style type="text/css"> 

            body {  
                font-family: "Arial", Helvetica, sans-serif !important;
                font-size: 9px;
                margin-bottom: 100px;
            }
            .container {
                background:#fff;
                overflow:auto;
            }

            .left {float:left;}
            .right {float:right;}

        </style>


    </head>
    <body>
        <div class="container">
            <div class="left">Float left</div>
            <div class="right">Float right</div>
        </div>
    </body>
</html>

浮动无法正常工作

我该如何解决？

更新：

pdf的结果如下：

Answer 1

使用

display: inline-block;

而不是漂浮。

我在我的项目中使用旧版本的dompdf。我在DOMPDF_ENABLE_CSS_FLOAT文件中启用了 true dompdf_config.custom.inc。但浮动结果是重叠和扭曲的。

内联块是一种新的，比每次使用float更好的方法。访问以下w3school链接以获取更多信息。 CSS Layout - inline-block

Answer 2

您应该使用以下内容。

.container{
    ...
    display : block;
 }

为什么浮动不能在laravel dompdf中工作？

2 个答案: