TR内的文本显示在表格外部

时间:2013-04-13 06:50:57

标签: html

以下代码过去曾经很好地适用于我,但现在已不再适用了。

<!DOCTYPE html>
<html>
<body>

<table border="1">
  <tr>when
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>when
    <td>January</td>
    <td>$100</td>
  </tr>
  <tr>when
    <td>February</td>
    <td>$80</td>
  </tr>
</table>

</body>
</html>

文本“when”用于在同一行中正确显示。但现在把这个文字放在桌子外面。即。文本显示三次,然后显示在表格下方。

有什么不对吗?我试过Mac -Chrome / FF / Safari。

4 个答案:

答案 0 :(得分:0)

你必须将它们放在其他TD中。

像这样

<!DOCTYPE html>
<html>
<body>

     <table border="1">
       <tr>
    <th></th>
      <th>Month</th>
    <th>Savings</th>
   </tr>
    <tr>
  <td>when</td>
    <td>January</td>
     <td>$100</td>
  </tr>
 <tr>
<td>when</td>
<td>February</td>
<td>$80</td>
  </tr>
 </table>

</body>
</html>

答案 1 :(得分:0)

你需要将td放在表格单元格中,就像这样

 <td>when</td>

答案 2 :(得分:0)

据我所知,<tr>并不意味着包含实际文本,只包含<td> s。如果要在卷中显示文本,则必须使用td来执行此操作。

正如specification所述。

答案 3 :(得分:0)

只需查看HERE

即可

正确的是:

<table border="1">
<thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>
  <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>
  <tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  </tbody>
</table>