HTML表格制作答案

【问题标题】：HTML Table MakingHTML表格制作
【发布时间】：2012-10-11 18:05:13
【问题描述】：

为了获得可靠的 guid，我必须编写一个包含 3 行的表格的 XHTML 片段。第一行有两个元素 1 和 2。第二行有两个元素 3 和 4。最后一行有一个元素跨越两列并包含值 5。最后一句（最后一行）你会怎么做？

<table border="1">
  <tr>
  <td>1, 2</td>
  </tr>
  <tr>
    <td>3,4</td>
  </tr>
  <tr>
    <span><td>5</td></span>
      </tr>
</table>

【问题讨论】：

使用td的colspan参数，类似于这个W3schools例子：w3schools.com/tags/tryit.asp?filename=tryhtml_td_colspan
您的代码只有一列用于 1,2 和 3,4，因此您的最后一行值不能跨越两列

标签： xhtml html-table

【解决方案1】：

<table border="1">
   <tr>
     <td>1, 2</td>
   </tr>
   <tr>
    <td>3,4</td>
   </tr>

   <tr>
     <td colspan="2">5</td>
   </tr>
  </table>

您的代码只有一列用于 1,2 和 3,4，因此您的最后一行值不能跨越两列。为此，您必须对其进行一些修改

  <tr>
    <td>1 </td><td> 2</td>
  </tr>
  <tr>
   <td>3</td><td>4</td>
  </tr>
  <tr>
 <td colspan="2">5</td>
 </tr>

【讨论】：

【解决方案2】：

我认为您希望使用 colspan 属性。假设您希望第一行中的 1 和 2 在 2 个不同的列中（您的代码不这样做），您需要的是这样的：

<table border="1">
    <tr>
        <td>1</td>
        <td>2</td>
    </tr>
  <tr>
        <td>3</td>
        <td>4</td>
  </tr>
  <tr>
        <td colspan = "2">5</td>
  </tr>
</table>

如果你不明白这一点，请在 cmets 再问我。

【讨论】：