2017-05-06 19 views
1

私は、私が使用しLaravel 5.3laravel dompdfでfloatが動作しないのはなぜですか?

を使用します。

"barryvdh/laravel-debugbar": "^ 2.3"、

は "barryvdh/laravel-DOMPDF": "^ 0.7.0" 、

"DOMPDF/DOMPDF": "[email protected]"、

私はここから出ます:https://github.com/barryvdh/laravel-dompdf

設定の\ dompdf.phpで

、私が設定:私のhtml PDFで

"DOMPDF_ENABLE_CSS_FLOAT" =>真、

を、私は試してみてください。

<!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> 

フロートません作業

どうすれば解決できますか?

更新

enter image description here

+0

Dompdf 0.8.0にアップグレードすることをお勧めします。 – BrianS

答えて

0

使用

display: inline-block; 

の代わりに、フロート:

PDFの結果はこのようなものです。

自分のプロジェクトで古いバージョンのdompdfを使用しています。私はDOMPDF_ENABLE_CSS_FLOATtruedompdf_config.custom.incファイルを有効にします。しかし、浮動小数点の結果は重なり、歪んでいます。

インラインブロックは、毎回浮動小数点を使用するよりも新しく、より良い方法です。詳細は下記のw3schoolリンクをご覧ください。 CSS Layout - inline-block

関連する問題