html - 表格对齐问题html

Question

<table width="100%" border="0">
  <table width="600" align="center" bgcolor="#ffffff">
     <tr>
       <td width="600" colspan="120">Banner Image</td>
     </tr>
     <tr>
        <td width="400" colspan="80"></td>
        <td width="10" colspan="2" bgcolor="yellow"></td>
        <td width="190" colspan="38"></td>
     </tr>
  </table> 
</table>

第二行对齐困惑。如何解决？

Answer 1

看来这里有很多问题。

首先，这不是有效的 html。第二个表格标签不能放在你拥有它的地方。您需要执行以下操作:

<table width="100%" border="0">
    <tr><td>
    <table width="600" align="center" bgcolor="#ffffff">
        <tr>
            <td width="600" colspan="3">Banner Image</td>
        </tr>
        <tr>
            <td width="400"></td>
            <td width="10" bgcolor="yellow"></td>
            <td width="190"></td>
        </tr>
    </table>
</td></tr>
</table>

这可能会解决您眼前的问题。但是，你到底为什么要有 120 列？从任何标准来看，这似乎都是错误的。

请注意，我删除了 colspan，因为它在这里使用似乎非常不合适。

此外，您可能会问自己，为什么仍然要有外表标签。它并没有为您做任何无法以更好的方式完成的事情。