獲取phantomjs 1.9.8以正確呈現PDF中的HTML表格單元格的邊框

Question

使用phantomj將具有寄宿生的表格呈現爲PDF，會使每個單獨的單元格都有邊框，但每個單元格之間有間隙。表格在網頁上正確顯示，沒有這種空白。

在我的CSS

我試過設置：

border-collapse: collapse; 
border-spacing: 0px 0px; 

無濟於事，我需要在我的PDF細胞之間消除這些差距。 任何想法將受到感謝。 此致艾倫

Answer 1

請務必將border-spacing和border-collapse規則添加到<table>，而不是<td>。這是我的phantomjs特定的規則：

.table { 
    border: 1px solid black; 
    border-spacing: 0px 0px; 
    border-collapse: collapse; 
} 

.table th, 
.table td { 
    padding: 5px; 
    border: 1px solid black; 
    margin: 0; 
} 

注意，這是不是在您的邊界崩潰可以位於<td>元素「正常」（不phantomjs-PDF）CSS有點不同。