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>

2番目の行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 に答える