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

检查你的CSS

这可以防止您跨越：

td { display: inline-block; }

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

{ display: flex}

Answer 3

您可以在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>

Answer 4

您在第一个和最后一个上使用了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>

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

正如mpcabd在回答中所说，你在第二个</td>

结尾处错过了<td>标记

然而，另一个问题是你没有rowspan="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>

Answer 6

试试这个：

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

小提琴： http://jsfiddle.net/oc9vabvx/

Answer 7

第二张图片必须在下一行。通过第一列的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 rowspan无法正常工作

7 个答案: