html - 无法摆脱 HTML 表格边框 - 使用屏幕截图和 jfFiddle

标签 html css border html-table css-tables

不是 Drupal 问题,但可能是 CSS/HTML 问题:

我用 Bartik 主题为 Drupal 7 编写了一个模块,它显示了一个“显示”按钮。单击时,它将从 PHP 脚本中获取 JSON 数据并生成一个 HTML 表格作为字符串,最后将该表格显示在 <div id="top"></div> 的内部(或代替?)

这整个复杂的东西(至少对我来说)工作得非常好:

enter image description here

但是我有一个小的外观问题:我无法摆脱 tabel 单元格之间的细白线。

我添加了 <table border="0" cellspacing="0"内联 - 这没有帮助。

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

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

但这也不起作用。

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

此外,我还有一个非 Drupal 页面 - 它不会显示那些丑陋的线条。

有什么想法吗?

我读过,有 CSS 样式表,据说可以重置所有内容,但它们对我的问题来说可能有点矫枉过正。

My jsFiddle code也有效,但没有丑陋的白线......

我不会发布上述页面的 URL,因为它们都是俄语的并且需要注册。

最佳答案

似乎没有任何代码或 URL 可以实际说明问题,但您可以使用蛮力方法将以下内容添加到样式表中:

td { border: none !important; }

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

如果这没有帮助,我们至少知道问题是由表格和单元格元素以外的其他因素引起的(也许是单元格内的某些元素?)。

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

关于html - 无法摆脱 HTML 表格边框 - 使用屏幕截图和 jfFiddle,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14508019/

相关文章:

css - 倾斜一个 Angular 并向对 Angular 添加边框半径

php - 如何在数组中使用多个变量

html - 我的图像在移动设备上保持正确并且未居中对齐

javascript - 选择器在我的网站上解释为 HTML。攻击者可以轻易利用它吗?

css - 带滚动条的第二个 div 内的一个 div

html - Flexbox 缩略图网格在移动设备上显示为 2 列

css - 边框干扰绝对定位

jquery - 使用 jquery .hide() 时修复页脚

html - overflow hidden 的边距底部

css - 如何强制CSS边框显示在分层页面上?