【问题标题】:Can not get rid of HTML table border - with screenshot and jfFiddle无法摆脱 HTML 表格边框 - 带有屏幕截图和 jfFiddle
【发布时间】:2023-03-27 22:19:02
【问题描述】:

不是 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(虽然它没有丑陋的白线)

标签: html css border html-table css-tables


【解决方案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; 什么都不做
猜你喜欢
  • 2012-06-06
  • 1970-01-01
  • 2011-07-15
  • 2014-11-08
  • 1970-01-01
  • 1970-01-01
  • 2020-02-17
  • 1970-01-01
  • 2021-08-17
相关资源
最近更新 更多