无法摆脱 HTML 表格边框 - 带有屏幕截图和 jfFiddle

Posted 2023-03-05

【中文标题】无法摆脱 HTML 表格边框 - 带有屏幕截图和 jfFiddle

【英文标题】：Can not get rid of HTML table border - with screenshot and jfFiddle

【发布时间】：2013-01-08 14:28:25

【问题描述】：

不是 Drupal 问题，可能是 CSS/html 问题：

我为 Drupal 7 编写了一个带有 Bartik 主题的模块，其中显示了一个“显示”按钮。单击时，它将从 php 脚本中获取 JSON 数据并生成 HTML 表作为字符串，最后在 <div id="top"></div>

的内部（或代替？）显示该表

这整个复杂的东西（至少对我来说）工作得非常好：

但是我有这个小问题：我无法摆脱表格单元格之间的细白线。

我已经添加了<table border="0" cellspacing="0" inline - 这没有帮助。

我在表格<table id="last" 和 CSS 代码中添加了一个 ID：

#last  
    border:0;
    cell-spacing:0;

但这也不起作用。

当我在 Mozilla Firebug 或 Chrome dev 中检查时。控制台 - those attributes 在那里。

另外，我也有一个非 Drupal 页面 - 它不会显示那些丑陋的线条。

有什么想法吗？

我读过，有一些 CSS 样式表，据说可以重置所有内容，但它们可能对我的问题来说太过分了。

My jsFiddle code 也可以，但没有丑陋的白线...

我没有发布上述页面的网址，因为它们都是俄语并且需要注册。

【问题讨论】：

jsFiddle 阻止 ajax 请求。只需为演示硬编码一些示例数据即可。

让我的 jsFiddle 运行，谢谢：jsfiddle.net/afarber/3GGdP/19（虽然它没有丑陋的白线）

【参考方案1】：

似乎没有任何代码或 URL 可以实际演示该问题，但您可以使用蛮力方法将以下内容添加到样式表中：

td  border: none !important; 

听起来问题是由于某些 CSS 代码在单元格上设置了边框，覆盖了您可能在表格级别设置的任何内容。

如果这没有帮助，我们至少知道问题是由表格和单元格元素以外的其他因素引起的（可能是单元格内的某些元素？）。

它确实有帮助，检查 td 单元格以查看现在导致边框的原因，并编写足以覆盖它的样式表（或编辑导致边框的设置）。

【讨论】：

就是这样 - 谢谢！ #last td border: none; 解决了我的问题

【参考方案2】：

试试这个：

table border-collapse: separate;

【讨论】：

我已经将该行添加到#last，但它没有帮助

其他尝试table border-collapse: collapse;。或者通过输入table display: none; 来确定是否收到了该样式，并检查表是否不被渲染。 :)

#last display-none; 有效（隐藏我的桌子），但不幸的是 border-collapse: collapse; 或 border-collapse: separate; 什么都不做