Html TD rowspan不工作

我有一张桌子：

<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在一列中。但是，现在它分为两列。

您忘记关闭第二个

标记。

尝试以下操作：

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

A.
B
D
C

小提琴：

---

正如mpcabd在回答中所说，您缺少第二个

末尾的

标记

但是，另一个问题是您没有第二行供

行span=“2”

进入

我猜你在找这个

<table>
  <tr>
    <td rowspan="2"><img ... /></td>
    <td><img .. /></td>
    <td rowspan="2"><img .. /></td>
  </tr>
  <tr>
    <!-- Note, you don't need anything here, as the rowspan will take it's place -->
    <td><img .. /></td>
    <!-- Note, you don't need anything here, as the rowspan will take it's place -->
  </tr>
</table>

---

第二个图像必须位于下一行。通过第一列的rowspan=2，它将被添加到第二列：

<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>
    <td rowspan="2"><img src="images/12235_PLUS_mail_August_v4_13.jpg" width="195" 
     height="50" alt=""></td>
  </tr>
  <tr>
    <td valign="bottom"><img src="images/12235_PLUS_mail_August_v4_15.jpg" width="410" 
        height="29" alt=""></td>
  </tr>
</table>

---

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

<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>
<table width="410">
<tr>
<td valign="top"><img src="images/12235_PLUS_mail_August_v4_12.jpg" width="410" 
height="21" alt=""></td>
</tr>
<tr>
<td valign="bottom"><img src="images/12235_PLUS_mail_August_v4_15.jpg" width="410" 
height="29" alt=""></td>
</tr>
</table>
</td>
<td rowspan="2"><img src="images/12235_PLUS_mail_August_v4_13.jpg" width="195" 
height="50" alt=""></td>
</td>
</tr>
</table>

您在第一次和最后一次使用了

rowspan=“2”

。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>

1.
2.
3.
4.
A.
B
C

1.
2.
3.
A.
B
C
D
E

检查您的CSS

这将阻止您跨越：

td { display: inline-block; }

根据Simon_Weaver后来的评论，另一个案例是：

{ display: flex}

---

请提供一张你想做的事情的图片。很明显，她希望在同一行中有两个tds。正确答案：）

{ display: flex}