Question

我这里有4个盒子。似乎有一个空长的但我无法真正理解我哪里出错了。你可以在编辑器中预览它，我认为这将是最好的。

<table border="1" style="width:100%">
  <tr>
    <td>Mike Mike E-mail
Project Authroity
Email: mike@tech.net</td>
    <td>Mike E-mail
Project Authority
Nerd Specialist
Email: mail@domain.com</td>
    <td>Mike
Nerd Webmaster
Email: mike@nerd.com</td>
  </tr>
  <tr>
    <td> Nerd Force
Weird Specialist
Email: mail@domian.net</>
</table>

Answer 1

第一行中有三个单元格。

第二行中有一个单元格。

“空长的”是应该在第二行的其他两个单元应该去的空间。

根本原因似乎是您正在使用表格来表示非表格数据。看起来您最好使用列表和一些CSS。

Answer 2

你在3个单元格之后创建了一个新行（tr），因此第4个单元格位于一个新行中，并且缺少的两个单元格的空间为空。你最后还有一个空的结束标记。

<table border="1" style="width:100%">
    <tr>
        <td>Mike Mike E-mail
            Project Authroity
            Email: mike@tech.net
        </td>
        <td>Mike E-mail
            Project Authority
            Nerd Specialist
            Email: mail@domain.com
        </td>
        <td>Mike
            Nerd Webmaster
            Email: mike@nerd.com
        </td>
        <td> Nerd Force
            Weird Specialist
            Email: mail@domian.net
        </td>
    </tr>
</table>

Answer 3

将coslapn添加到最后一个td：

<table border="1" style="width:100%">
  <tr>
    <td>Mike Mike E-mail Project Authroity Email: mike@tech.net</td>
    <td>Mike E-mail Project Authority Nerd Specialist Email: mail@domain.com</td>
    <td>Mike Nerd Webmaster Email: mike@nerd.com</td>
  </tr>
  <tr>
    <td colspan="3"> Nerd Force Weird Specialist Email: mail@domian.net</td></tr
</table>

jsfiddle

桌子有什么问题？我觉得代码是正确的，但它显示了这个空白区域

3 个答案: