HTML table 如何拆分第二列中的行？

Question

并居中对齐？

在我的例子中，我需要这样的东西：

在正方形所在的地方，我想放图片，居中对齐。我尝试在 table 中这样做，但我只能像这样拆分第一行：

<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 和第二个 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>

原理就是让第一行的第二列占两行，而不是默认的占一行。

HTML table 如何拆分第二列中的行？

HTML table how to split rows in second column?

html

markup

html-table