2011-03-14 26 views
2

我正在嘗試使表在DOMPDF中浮動。我正在使用最新版本的DOMPDF 0.6.0 beta2。在dompdf_config.inc.php中,我將DOMPDF_ENABLE_CSS_FLOAT設置爲true。這裏是我的代碼模板:DOMPDF:表對齊

<!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xml:lang="en" xmlns="http://www.w3.org/1999/xhtml" lang="en"> 
<head> 
    <meta http-equiv="content-type" content="text/html; charset=UTF-8" /> 
    <title>Printed document</title> 
</head> 
<body> 

    <table cellspacing="0" cellpadding="0" style="float:right;" border="1"> 
     <tr> 
      <td style="padding-right:20px;">Property</td> 
      <td>Value</td> 
     </tr> 
     <tr> 
      <td style="padding-right:20px;">Property</td> 
      <td>Value</td> 
     </tr> 
    </table> 

</body> 
</html> 

這裏是生成的PDF:http://uploads.dennismadsen.com/test.pdf

我該如何調整表中吧?此外,爲什麼填充右鍵不能在列之間形成空間?

回答

5

嘗試使用<table cellspacing="0" cellpadding="0" align="right" border="1">而不是style屬性。

+0

然後請檢查這個HTML文件,我在頁面上有一個固定的標題(每頁上有相同的標題):[link](http://uploads.dennismadsen.com/template.html) This results in這PDF: [鏈接](http://uploads.dennismadsen.com/test2.pdf) 表是不可見的這可能是因爲溢出:隱藏?我怎樣才能使一個表正確地在一個頭部? – dhrm 2011-03-15 07:32:36

+0

刪除溢出:隱藏將做的伎倆,但是填充 - 在td內部做一些間距? – dhrm 2011-03-15 07:37:24

+0

我從來沒有使用過DOMPDF,但爲什麼不包括一個外部的css,在其中你聲明你的填充到td的? – rsplak 2011-03-15 09:27:12

3

DOMPDF 0.6.0 beta 2(即使將DOMPDF_ENABLE_CSS_FLOAT設置爲true)也不具備完全浮動支持。大多數工作是初步的,不建議用於生產用途,你可以看到爲什麼。不幸的是,在完全實施浮動支持之前,您嘗試生成的佈局最多是困難的。

至於填充問題,這似乎是一個錯誤。如果刪除cellspacing和cellpadding值,則會正確應用填充。如果您想將0填充應用於單元格,則可以通過全局樣式來完成此操作,但元素特定的樣式將正確地覆蓋它。

0

我遇到同樣的問題。

我只是有一個想法,指定padding-right:;獨立於其餘的填充...但我輸入了更高的數字。

IE:table td {padding:3px 5px 3px 5px; padding-right:10px;}
不知何故......這似乎當我生成我的測試PDF工作...

如果我輸入相同墊;但是:
IE:table td {padding:3px 5px 3px 5px; padding-right:5px;}
然後...它不工作...

我試着輸入所有的值分別還有:
IE:{padding-top:3px; padding-bottom:3px; padding-left:5px; padding-right:5px;}
...和。 ...沒有。

看來你必須輸入一個更高的值......也許DOUBLE是你想要的。 當我輸入其他值... 15px 25px等填充得到更大。

希望有所幫助。