Question

<table  width="980" border="0">
    <tbody>
        <tr>
            <td width="25%">
                <img width="300"  style="overflow: hidden;" alt="" src="1.jpg">
            </td>
            <td width="75%">
                <h1>ttt</h1>
                <p>dgggg</p>
            </td>
        </tr>
        <tr>
            <td width="25%"><img  alt="" src="98.jpg"></td>
            <td width="25%"><img  alt="" src="57_998.jpg"></td>
            <td width="25%"><img  alt="" src="7_998.jpg"></td>
            <td width="25%"><img alt="" src="98.jpg"></td>
        </tr>
    </tbody>
</table>

为什么第二行td与第一行（第一行td）的宽度相同。 width =“25％”不起作用。如何纠正？

Answer 1

使用colspan属性来实现此目标

<table  width="980" border="0">
<tbody>
<tr>
    <td width="25%"><h1>A</h1></td>
    <td width="75%" colspan="3"><h1>B</h1></td>
</tr>
<tr>
    <td width="25%">1</td>
    <td width="25%">2</td>
    <td width="25%">3</td>
    <td width="25%">4</td>
</tr>
</tbody>
</table>

可在此处找到colspan属性的简介：http://reference.sitepoint.com/html/td/colspan

这是一个类似于您尝试实现的快速示例 http://jsbin.com/egahey/1/

Answer 2

在html中

默认，行中的列采用前一行中列的继承宽度，

为了达到预期目的，你必须使用 col span 。

           <table  width="980" border="0">
           <tbody>
                 <tr>
                   <td width="25%"><img width="300"  src="1.jpg"></td>
                   <td width="75%" colspan="3"><h1>ttt</h1><p>dgggg</p></td>
                 </tr>

                 <tr>
                   <td width="25%"><img alt="" src="98.jpg"></td>
                   <td width="25%"><img alt="" src="57_998.jpg"></td>
                   <td width="25%"><img alt="" src="7_998.jpg"></td>
                   <td width="25%"><img alt="" src="98.jpg"></td>
                </tr>
          </tbody>
     </table>

Answer 3

想象一个表作为excel工作表。同一列中的所有行必须具有相同的宽度（当然，您也可以像excel一样组合它们）。至于你的问题，你需要将表拆分为2个表来实现不同的宽度：

<table  width="980" border="0">
<tbody>
<tr>
    <td width="25%"><img width="300"  style="overflow: hidden;" alt="" src="1.jpg"></td>
    <td width="75%"><h1>ttt</h1><p>dgggg</p></td>
</tr>
</tbody>
</table>

<table  width="980" border="0">
<tbody>
<tr>
    <td width="25%"><img  alt="" src="98.jpg"></td>
    <td width="25%"><img  alt="" src="57_998.jpg"></td>
    <td width="25%"><img  alt="" src="7_998.jpg"></td>
    <td width="25%"><img alt="" src="98.jpg"></td>
</tr>
</tbody>
</table>

为什么第二行td与第一行的宽度相同

3 个答案: