0

我认为这个问题很简单......我想要这个表格的 HTML 代码：

<table>
  <tr>
    <th>Heading 1</th>
    <td>or</td>
    <th>Heading 2</th>
  </tr>
  <tr>
    <td>Data 1 of Row 2</td>
    <td>Data 2 of Row 2</td>
  </tr>
  <tr>
    <td>Data 1 of Row 3</td>
    <td>Data 2 of Row 3</td>
  </tr>
</table>

生成输出为：

带有空 <td> 元素的表

而不是：

没有空 <td> 元素的表格

换句话说，我想将其显示为：

<table>
  <tr>
    <th>Heading 1</th>
    <td>or</td>
    <th>Heading 2</th>
  </tr>
  <tr>
    <td>Data 1 of Row 2</td>
    <td></td>
    <td>Data 2 of Row 2</td>
  </tr>
  <tr>
    <td>Data 1 of Row 3</td>
    <td></td>
    <td>Data 2 of Row 3</td>
  </tr>
</table>

即使我的代码中没有空<td>元素。我真的不想<td>在表格中写入一个内容为空的元素。我应该使用什么属性（带值）？应该是style属性吗？（我希望不是！）这可能吗？

4

2 回答 2

1

“或”这个词是真正重要的内容，还是只是装饰？我觉得有点奇怪。这是一个厚颜无耻的选择：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">

<style media="all">
th {position: relative;}
th:first-child:after {
    content: "or";
    position: relative;
    right: -1em;
    top: 0;
}

</style>

</head>
<body>

<table>
  <tr>
    <th>Heading 1</th>
    <th>Heading 2</th>
  </tr>
  <tr>
    <td>Data 1 of Row 2</td>
    <td>Data 2 of Row 2</td>
  </tr>
  <tr>
    <td>Data 1 of Row 3</td>
    <td>Data 2 of Row 3</td>
  </tr>
</table>

</body>
</html>

警告未在 IE 中测试。

于 2013-04-29T10:03:08.203 回答
0
于 2013-04-29T13:09:27.400 回答