2017-05-06 69 views
1

我使用Laravel 5.3为什么浮动不能在laravel dompdf中工作?

我使用:

“barryvdh/laravel-debugbar”: “^ 2.3”,

“barryvdh/laravel-DOMPDF”: “^ 0.7.0” ,

“DOMPDF/DOMPDF”: “[email protected]”,

我从这里得到:https://github.com/barryvdh/laravel-dompdf

在配置\ dompdf.php,我设置:

“DOMPDF_ENABLE_CSS_FLOAT”=>真,

在我的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的结果是这样的:

enter image description here

+0

我建议你升级到Dompdf 0.8.0,因为它有更好的浮动支持。 – BrianS

回答

0

使用

display: inline-block; 

,而不是浮动。

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

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

相关问题