HTML表如何在第二列中拆分行？

Question

按中心对齐？

就我而言，我需要这样的东西：

在正方形的地方，我想把图片放在中心对齐。我尝试在表中执行此操作，但我只能拆分第一行，如下所示：

<div>
    <asp:Panel>

       <table>
        <tr> 
         <td rowspan="2" bgcolor="#FBF0DB">Cell 1</td>
         <td>Cell 2</td>
        </tr>
        <tr> 
         <td>Cell 3</td>
        </tr>
       </table>

    <!-- here other markup -->
    </asp:Panel>
</div>

但如果我交换（从第一个tr到第二个td），右边的单元格不会被分割或不按中心对齐：

如何从右侧分割并按中心对齐？

Answer 1

做这样的事情，你就没事了。

<div>
<asp:Panel>

   <table>
    <tr> 
     <td bgcolor="#FBF0DB">Cell 1</td>
     <td rowspan="2">Cell 2</td>
    </tr>
    <tr> 
     <td >Cell 3</td>
    </tr>
   </table>

<!-- here other markup -->
</asp:Panel>

原则是简单地告诉第一行的第二列占用两行而不是默认的一行。