4

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

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

4

5 回答 5

8

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

table {
    border-collapse: collapse;
}

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

于 2014-01-11T00:18:30.393 回答
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;
}
于 2018-01-18T18:54:01.237 回答
3

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

替换这个

table{ border:collapse; }

和

table{ border-spacing: 0; }

参考链接

于 2020-08-12T09:30:59.440 回答
2

通过将边框厚度设置为 0.01em，我看到了一些改进

于 2014-03-09T13:29:32.330 回答
2

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

于 2020-04-08T12:22:40.570 回答