TD rowspan无法正常工作

Question

我有桌子:

<table id="Table_05" width="675" border="0" cellpadding="0" cellspacing="0"  
style="display:block">
<tr>
<td rowspan="2"><img src="images/12235_PLUS_mail_August_v4_14.jpg" width="70" 
height="49" alt=""></td>
<td valign="top"><img src="images/12235_PLUS_mail_August_v4_12.jpg" width="410" 
height="21" alt="">
<td valign="bottom"><img src="images/12235_PLUS_mail_August_v4_15.jpg" width="410" 
height="29" alt=""></td>
<td rowspan="2"><img src="images/12235_PLUS_mail_August_v4_13.jpg" width="195" 
height="50" alt=""></td>
</td>
</tr>
</table>

它应该是3列表,其中第二和第三个td在一列中.但是,现在它在2列中.

Answer 1

你忘了关闭第二个<td />标签.

Answer 2

您rowspan="2"在 first 和 last 上使用过。Rowspan 表示该单元格跨越两行。如果您希望单元格跨越同一行中的两列，则必须使用该colspan属性。查看两个片段以了解区别：

<table>
<tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
    <td>4</td>
</tr>
<tr>
    <td colspan="2">a</td>
    <td>b</td>
    <td>c</td>
</tr>

<table>
    <tr>
        <td>1</td>
        <td>2</td>
        <td>3</td>
    </tr>
    <tr>
        <td rowspan="2">a</td>
        <td>b</td>
        <td>c</td>
    </tr>
    <tr>
        <td>d</td>
        <td>e</td>
    </tr>
</table>

Answer 3

检查您的CSS

这样可以防止您跨越：

td { display: inline-block; }

根据西蒙·韦弗（Simon_Weaver）所说的另一种情况，稍后再说：

{ display: flex}

Answer 4

您可以在 TD 中创建包含 2 行的新表。

<table id="Table_05" width="675" border="0" cellpadding="0" cellspacing="0" style="display: block;">
  <tr>
    <td rowspan="2">
      <img src="https://picsum.photos/70/49" width="70" height="49" alt="" />
    </td>
    <td>
      <table width="410">
        <tr>
          <td valign="top">
            <img src="https://picsum.photos/410/21" width="410" height="21" alt="" />
           </td>
        </tr>
        <tr>
          <td valign="bottom">
            <img src="https://picsum.photos/410/29" width="410" height="29" alt="" />
          </td>
        </tr>
      </table>
    </td>
    <td rowspan="2">
      <img src="https://picsum.photos/195/50" width="195" height="50" alt="">
    </td>
  </tr>
</table>