css - 当css重置中border = 0时，IE中的表格没有边框？

Question

在我的 css 文件中，我在设置边框的位置进行了重置：0。这会导致 IE 中的所有表格，而不是 Firefox 中的所有表格都没有边框。即使我在表格上设置了内联边框，它仍然不会在 IE 中显示。有谁知道这个问题的解决方案？

其余部分：

table, img
{
   border:0;
}

<table border="1">
<tr>
<td></td>
</tr>
</table>

边框出现在 Firefox 中，但不在 IE 中。我是否必须在表格中使用 style="border:1px solid black" 而不是 border="1"

score 1 · Accepted Answer

如果您希望该特定表格有边框，我会给它一个类：

table, img
{
   border:0;
}
table.something
{
    border: solid 1px #000000;
}

<table class="something">
  <tr>
    <td></td>
  </tr>
</table>

这应该适用于所有浏览器。

score 0 · Accepted Answer

如果你想要一个边框，你不应该将边框设置为 0。试试这个：

table{
   border: 2px;
}

那应该会更好。

编辑：

如果你想内联，你应该这样做

<table border="2px">

score 0 · Accepted Answer

假设您的代码中没有错字（在问题中），您是否尝试将测量单位添加到内联设置中？

<table border="1px">

例如？

否则，尝试使用 CSS 重新/激活边框：

<table style="border: 1px solid #000;"> <!-- or use a stylesheet, or style block, obviously -->

您是否检查过您使用的是符合标准的doctype 声明，并且没有陷入 quirks-mode？

score 0 · Accepted Answer

在 css 中指定无边框的几种符合标准的方法是：

边框宽度：0；边框样式：无；

table 元素、td 元素和 th 元素都接受边框，因此一种确保完全没有边框的安全方法是 table, td, th {border-style:none;}。

table {border-collapse:collapse;} 是一种纯粹的 CSS 方法来删除单元格之间的间距

查看 w3schools.com 或 w3.org 了解符合标准的 CSS 提示

score 0 · Accepted Answer

您的示例表中没有任何内容。IE 认为它没有内容，因此不显示“border="1" 属性。

重置为

table {
  border:none;
}

然后使用：

<table style="border:solid 1px #000;>
<tr><td>x</td></tr>
</table>

score -1 · Accepted Answer

你有没有尝试过

table {border-collapse: collapse;}

编辑：等等，你是想摆脱边界还是添加它？现在我很困惑...

6 回答 6