Fatal编程技术网
  • php/
  • Php dompdf不适用于css

Php dompdf不适用于css

php html css

Php dompdf不适用于css,php,html,css,dompdf,Php,Html,Css,Dompdf,我尝试用css样式从html生成pdf 我用dompdf来做这个。 css中也有浮动 这是我的css和html代码： $dompdf = new DOMPDF(); //create object //load html with css $dompdf->loadHtml('<html> <head> <style> #first_head,#second_head,#content_invoice{width: 100%;} .has-65 {

我尝试用css样式从html生成pdf

我用dompdf来做这个。 css中也有浮动

这是我的css和html代码：

$dompdf = new DOMPDF();  //create object 
//load html with css
$dompdf->loadHtml('<html>
<head>
<style>
#first_head,#second_head,#content_invoice{width: 100%;}
.has-65 {
    width: 65%;
    float:left;
}
#product_invoice_table tr th:last-child, #product_invoice_table tr td:last-child {
    text-align: right;
}
.has-35 {
    width: 35%;
    float:right;
}
.has-55 {
    width: 55%;
}
.has-45 {
    width: 45%;
}
.clearFix{
    float:none;
    clear:both;
}
#second_head{
    margin-top: 100px;
}

#template_invoice{
    padding: 50px 80px 50px 80px;
    margin: 0 auto;
    margin-top: 30px;
    margin-bottom: 30px;
    font-size: 20px;
    color: #000!important;
    font-family: Arial,serif!important;
}
#content_invoice{
    width: 100%;
    float: left;
    margin-top: 150px;
}

#product_total_info{
    float: right;
    margin-top: 100px;
}...
</style>
</head>
<body>
<div id="template_invoice">
    <div id="first_head">
        <div id="logo_invoice" class="has-65">
            <img src="logo.PNG" width="280px">
        </div>
        <div id="main_header_info" class="has-35">
       mandelaugengroup gmbh
Schaffhauserstrasse 611
CH - 8052 Zürich
Tel.: +41 79 205 05 05
info@babboe.ch
www.babboe.ch
MWST/UID-Nr. CHE-254.427.754
        </div>
    </div>
    <div class="clearFix"></div>
    <div id="second_head">
        <div id="lead_address" class="has-65">
            <span id="lead_name">ghmgmgm</span><br>
            <span id="lead_street">mhgmhm</span><br>
            <span id="lead_postcode_city">mbmbmjggjg</span><br>
        </div>
         <div id="lead_invoice_info" class="has-35">
            <div class="span_padding_invoice">
            <span class="invoice_main_span">Rechnungs-Nr.</span>
            <span id="lead_rechnungs_nr" class="right-clmn-span">jghghjgh</span>
            <br>
            </div>
            <div class="span_padding_invoice">
            <span class="invoice_main_span">Kunden-Nr.</span>
            <span id="lead_kunder_nr" class="right-clmn-span">ghjgvj</span>
            <br>
                </div>
            <div class="span_padding_invoice">
            <span class="invoice_main_span">Datum</span>
            <span id="invoice_datum" class="right-clmn-span">hhhhhhh</span>
            <br>
                </div>
            <div class="span_padding_invoice">
            <span class="invoice_main_span">Fallig am</span>
            <span id="invoice_falling_am" class="right-clmn-span">bjbbb</span>
            <br>
                </div>
            <div class="span_padding_invoice lead_total_container">
                <span class="invoice_main_span total_bold">Total</span>
                <span id="lead_total" class="right-clmn-span">iljkkj</span>
                <br>
            </div>
        </div>
    </div>
    <div id="content_invoice">
    ...
        <table id="product_invoice_table" width="100%">
      ....
        </table>
     </div>
     <div class="has-65"></div>
   <div id="product_total_info" class="has-35">
        <div class="span_padding_invoice lead_total_container">
        <span class="invoice_main_span">Total exkl.MWST</span>
        <span class="right-clmn-span">CHF <span id="total_sum"></span></span>
        </div>
        <div class="span_padding_invoice">
        <span class="invoice_main_span" id="mwst_num"></span>
        <span class="right-clmn-span">CHF <span id="total_percant"></span></span>
        <br>
            </div>
        <div class="span_padding_invoice lead_total_container_bold">
        <span class="invoice_main_span">Total</span>
        <span class="right-clmn-span">CHF <span id="total_end"></span></span>
            <br>
            </div>
    </div>
    <div id="footer_invoice">
  ...
    </div>
</div>
</body>
</html>');
$dompdf->render();
$dompdf->stream("hello.pdf");

$dompdf=newdompdf（）//创建对象
//用css加载html
$dompdf->loadHtml（'
#第一个#头、第二个#头、内容#发票{宽度：100%}
.has-65{
宽度：65%；
浮动：左；
}
#产品发票表格tr th:最后一个子项，#产品发票表格tr td:最后一个子项{
文本对齐：右对齐；
}
.has-35{
宽度：35%；
浮动：对；
}
.has-55{
宽度：55%；
}
.has-45{
宽度：45%；
}
.clearFix{
浮动：无；
明确：两者皆有；
}
#二头{
边缘顶部：100px；
}
#发票模板{
填充：50px 80px 50px 80px；
保证金：0自动；
边缘顶部：30px；
边缘底部：30px；
字体大小：20px；
颜色：#000！重要；
字体系列：Arial，serif！重要；
}
#发票内容{
宽度：100%；
浮动：左；
边缘顶部：150px；
}
#产品总信息{
浮动：对；
边缘顶部：100px；
}...
曼德拉集团股份有限公司
沙夫豪斯斯特拉斯611
CH-8052居里希
电话：+417920505
info@babboe.ch
www.babboe.ch
MWST/UID-Nr.CHE-254.427.754
GHMGM

mhgmhm

mbmjggjg

里赫农。
JGHGHGH


昆登北。
ghjgvj


资料
hhhhhhh


法利格am
BJBB


全部的
伊尔jkj


...
....
总exkl.MWST
瑞士法郎
瑞士法郎


全部的
瑞士法郎


...
');
$dompdf->render（）；
$dompdf->stream（“hello.pdf”）；
但是我的css不好用。我将css添加为。 我得到这个结果：

那么我该如何解决这个问题呢？ 也许我必须为我的css或页面设置一些设置？
谢谢您的帮助。

我非常确定
浮动
是问题的原因

根据dompdf版本，您可以使用
def（“dompdf\u ENABLE\u CSS\u FLOAT”，true）
在
dompdf_config.inc.php
中，但这不是一个好的做法

我建议使用完全兼容的
display:inline block
甚至
position:absolute
。

我非常确定
float
是问题的原因

根据dompdf版本，您可以使用
def（“dompdf\u ENABLE\u CSS\u FLOAT”，true）
在
dompdf_config.inc.php
中，但这不是一个好的做法

我建议使用完全兼容的
display:inline block
甚至
position:absolute
。

找到解决方案了吗？是浮动属性吗？你找到解决方案了吗？是浮动属性吗？