爲什麼第二行td與第一行相同寬度

<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的寬度相同（第一行td）。寬度=「25％」不起作用。如何糾正它？爲什麼第二行td與第一行相同寬度

來源

2012-12-29 hehe

表中每列的寬度將始終相同。你不能有兩列內有不同的列寬。例如，如果要將第1行第1列的寬度與第2行第1列寬度不同，則必須將它們放入不同的表中。「 – SISYN

」你必須把它們放在不同的表中「這是不正確的http://jsbin.com/egahey – Moak

另外，980的25％是245，但是你的圖像在第一個單元格的寬度爲300時可能會阻止按照預期格式化表格。 – Moak

使用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-29 06:18:02 Moak

-2

想象一下，將表格作爲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-29 06:11:58

通過在HTML默認，在一個行的列需要的列的寬度繼承前一行中，

用於實現期望的必須使用COL跨度。

  <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-29 06:41:32 sourcecode

爲什麼第二行td與第一行相同寬度

回答

相關問題