2013-05-28 96 views
3

我遇到了最新版本的DOMPDF(0.6.0 Beta 3)的一個非常奇怪的問題。我正在使用它爲我的網站上的客戶創建發票。該設計要求在表格單元格之間有1px的邊界。如果我使用黑色或#000作爲邊框顏色,表格會很好地呈現。但是,當我改變顏色時,例如說#CCC而不是1px邊框,邊框變爲2px。我正在使用border-collapse:摺疊,並且我已經把頭髮拉出了兩天。除了顏色,我沒有改變其他任何東西,但邊框厚度正在改變。是否有其他人遇到這個問題,並知道解決方案是什麼或有什麼建議?爲什麼黑色渲染1px邊框,但其他顏色渲染爲2px邊框?幫幫我!DOMPDF表格邊框問題

編輯:我也有空的單元格填充 ,因爲我讀到這可能會導致表的問題,但仍然沒有運氣。

+0

您可以發佈示例HTML文檔嗎? – BrianS

+0

這基本上只是我的CSS規則。例如:'border:1px solid#000;'產生一條細細的黑線,但是'border:1px solid #ccc;'創建一個2px邊框。我無法弄清楚爲什麼。 – user2389431

+0

我無法使用類似的樣式重現該問題。所以這將有助於查看您使用的代碼。另外,什麼版本的PHP?你有沒有考慮更新到最新的代碼,你可以從[github](https://github.com/dompdf/dompdf)或[nightly downloader](http://eclecticgeek.com/dompdf)下載它。 – BrianS

回答

5

這可能有幫助。我沒有試圖重現你的問題,但我知道它幫助解決了我在桌子上遇到的一些問題。 嘗試添加這對你的CSS的表:

table { 
    border-collapse: collapse; 
} 

很明顯,你可以在CSS中使用適當的選擇,而不是定義整個表類。

2

我已經看到了一些改進通過設置邊框厚度0.01em

+0

我不得不在邊界厚度上使用0.0001em,因爲我得到的邊界交點只有很少的1個像素分支。我的桌子的角落看起來更像'+ ----------- +'角落,而不是像方角。謝謝你的提示! – Michael

0

我有完全相同的問題。這是由於表格具有自己的邊界,並且單元格具有自己的邊界。以下是我如何修復它:

table { 
    border-left: 0.01em solid #ccc; 
    border-right: 0; 
    border-top: 0.01em solid #ccc; 
    border-bottom: 0; 
    border-collapse: collapse; 
} 
table td, 
table th { 
    border-left: 0; 
    border-right: 0.01em solid #ccc; 
    border-top: 0; 
    border-bottom: 0.01em solid #ccc; 
}