Question

我遇到了最新版DOMPDF（0.6.0 Beta 3）的一个非常奇怪的问题。我正在使用它为我的网站上的客户创建发票。该设计要求表格单元格之间有1px边框。如果我使用黑色或＃000作为边框颜色，表格会很好地呈现。但是，当我更改颜色时，例如说#CCC，而不是1px边框，边框变为2px。我正在使用边界崩溃：崩溃，我已经把头发拉了两天。除了颜色，我没有改变任何其他东西，但边框厚度正在改变。有没有其他人遇到过这个问题并知道解决方案是什么或有任何建议？为什么黑色渲染1px边框，但其他颜色渲染为2px边框？救命啊！

编辑：我也有空单元格填充 ，因为我读到这可能会导致表格出现问题，但仍然没有运气。

Answer 1

这可能会有所帮助。我没有尝试重现你的问题，但我知道它有助于解决我遇到的一些问题。尝试将此添加到您的css表：

table {
    border-collapse: collapse;
}

显然，您可以在css中使用适当的选择器，而不是定义整个表类。

Answer 2

通过将边框厚度设置为0.01em

，我看到了一些改进

Answer 3

我遇到了完全相同的问题。它是由具有自己边框的表格和具有自己边框的单元格引起的。以下是我修复它的方法：

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;
}

Answer 4

使用border-spacing: -1px; 代替border-collapse: collapse;

Answer 5

如果有人遇到连续多个表的边框问题

替换此

table{ border:collapse; }

使用

table{ border-spacing: 0; }

Reference link

DOMPDF表边框问题

5 个答案: