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>
        <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%" 不起作用。如何纠正它?

4

3 回答 3

4

使用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/

于 2012-12-29T06:18:02.920 回答
1

默认情况下,在 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>
于 2012-12-29T06:41:32.720 回答
-2

将表格想象为 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>
于 2012-12-29T06:11:58.017 回答