爲什麼浮動不能在laravel dompdf中工作？

我使用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的結果是這樣的：

來源

2017-05-06 samuel toh

我建議你升級到Dompdf 0.8.0，因爲它有更好的浮動支持。 – BrianS

使用

display: inline-block;

，而不是浮動。

我在我的項目中使用舊版本的dompdf。我啓用DOMPDF_ENABLE_CSS_FLOATtrue在dompdf_config.custom.inc文件中。但浮動結果是重疊和扭曲的。

內聯塊是比每次使用float都要新的更好的方法。訪問以下w3school鏈接以獲取更多信息。 CSS Layout - inline-block

來源

2017-05-06 06:30:09 saravanan

爲什麼浮動不能在laravel dompdf中工作？

回答

相關問題