Question

我有以下HTML代码：

<meta http-equiv="Content-type" content="text/html; charset=utf-8" />

<table border="1" style="width:300px">
  <tr>
    <td>Avaldus</td>
    <td>Staatus</td>
    <td>Kehtivusaeg</td>
  </tr>
  <tr>
    <td>Sõidutoetus<td>
    <td>Arvestatud<td>
    <td>kuni 1. jaanuarini</td>
  </tr>
</table>

当我在浏览器中查看它看起来非常糟糕时，我希望列完全在彼此之下，因此Sõidutoetus将在Staatus等下的Avaldus和Arvestatud之下。但它们不是。我怎么能做对的？

Answer 1

您需要使用结束标记来结束表格单元格。

发送行中的前两个单元格后面有开始标记，而不是结束标记。

<td>Sõidutoetus<td> <!-- needs a / -->
<td>Arvestatud<td>  <!-- ditto -->

或者，只是省略它们。表格单元格的结束标记在HTML中是可选的。

<td>Sõidutoetus
<td>Arvestatud

Answer 2

你的代码错了。您没有正确关闭表列。使用以下代码。

 <table border="1" style="width:300px">
  <tr>
    <td>Avaldus</td>
    <td>Staatus</td>
    <td>Kehtivusaeg</td>
  </tr>
  <tr>
      <td>Sõidutoetus</td>
      <td>Arvestatud</td>
    <td>kunijaanuarini</td>
  </tr>
</table>

热门把html表格单元格完全放在彼此之下？

2 个答案: