Question

以下代码应显示带有单元格边框的表格，但不会。知道为什么吗？

<head>
<meta http-equiv=“content-type” content=“text/html; charset=ISO-8859-1” />
   <style type=“text/css”>
    td, th {border: 1px solid black;}
   </style>
<title>Testing Tony’s Travels</title>
</head>
<body>
 <table>
  <tr>
     <th>City</th>
     <th>Date</th>
     <th>Temperature</th>
     <th>Altitude</th>
     <th>Population</th>
     <th>Diner Rating</th>
  </tr>
  <tr>
     <td>Walla Walla, WA</td>
     <td>June 15th</td>
     <td>75</td>
     <td>1,204 ft</td>
     <td>29,686</td>
     <td>4/5</td>
  </tr>
  <tr>
     <td>Magic City, ID</td>
     <td>June 25th</td>
     <td>74</td>
     <td>5,312 ft</td>
     <td>50</td>
     <td>3/5</td>
  </tr>
 </table>
</body>
</html>

Answer 1

您错过了一个开头的<html>标记;复制/粘贴代码只是意外吗？另外，请修正meta和style代码中的引号：

<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
  和
  <style type="text/css">

添加正确的DOCTYPE也可能是一个好主意，尽管只需进行上述修正即可显示边框。

为了将来参考，通过W3C Validator或HTML Tidy运行HTML可以立即识别出类似的问题。

Answer 2

如果你在你的文字周围使用html标签并用实际的“或”替换你的引号，那么它适用于我（你使用的是“不一样的。仔细观察”！=“）

Answer 3

这是整个文件吗？

如果是，您可能想要添加文档类型和html标记。

Answer 4

它在IE6，IE7，IE8，FF3和Chrome 3中显示了我的边框，但边框分别位于每个单元格周围。

如果您希望边框显示为已连接，只需在样式标记中添加：

table { border-collapse: collapse; }

Answer 5

你的双引号不是合适的双引号。试试

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1" />
<head>
   <style type="text/css">
    td, th {border: 1px solid black;}
   </style>
<title>Testing Tony’s Travels</title>
</head>
<body>
 <table>
  <tr>
     <th>City</th>
     <th>Date</th>
     <th>Temperature</th>
     <th>Altitude</th>
     <th>Population</th>
     <th>Diner Rating</th>
  </tr>
  <tr>
     <td>Walla Walla, WA</td>
     <td>June 15th</td>
     <td>75</td>
     <td>1,204 ft</td>
     <td>29,686</td>
     <td>4/5</td>
  </tr>
  <tr>
     <td>Magic City, ID</td>
     <td>June 25th</td>
     <td>74</td>
     <td>5,312 ft</td>
     <td>50</td>
     <td>3/5</td>
  </tr>
 </table>
</body>
</html>

Answer 6

我只在IE6上测试过（对不起 - 我不在我的机器上）但我认为你的文本编辑器在双引号字符串周围插入了“智能引号”而不是直接字符串。这似乎只是一种风格上的变化，但它是一个不同的角色（＆amp; ldquo; \＆amp; rdquo;而不是＆amp; quot;）。当我替换它们时，它渲染了边框。

表格不显示边框

6 个答案: