基本表結構

Question

帶有600px寬度的顯示錶有三行。第一排應該有全寬。第二行有兩個td，每個寬度爲50％，第三行爲三個td，長度相等。

我迄今所做的：

<table border="1" cellpadding="0" cellspacing="" width="600"> 
    <tr> 
     <td colspan="3"> 
      <p>Hey I am first row</p> 
     </td> 
    </tr> 
    <tr> 
     <td colspan="3"> 
      <table border="1" cellpadding="0" cellspacing="" width="600"> 
       <tr> 
        <td width="50%"> 
         <p>Hey I am second row</p> 
        </td> 
        <td width="50%"> 
         <p>Hey I am second row</p> 
        </td> 
       </tr> 
      </table> 
     </td> 
    </tr> 
    <tr> 
     <td width="33.33%"> 
      <p>Hey I am third row</p> 
     </td> 
     <td width="33.33%"> 
      <p>Hey I am third row</p> 
     </td> 
     <td width="33.33%"> 
      <p>Hey I am third row</p> 
     </td> 
    </tr> 
</table> 

Answer 1

是的，這是棘手的...你需要保持6作爲你的基地，它的工作，讓你不需要使用嵌套表格。可能是你可以這樣做：

table {width: 600px; text-align: center;} 
 
table td {border: 1px solid #999; padding: 5px;}

<table> 
 
    <tr> 
 
    <td colspan="6">Full Width</td> 
 
    </tr> 
 
    <tr> 
 
    <td colspan="3">&frac12;</td> 
 
    <td colspan="3">&frac12;</td> 
 
    </tr> 
 
    <tr> 
 
    <td colspan="2">&#8531;</td> 
 
    <td colspan="2">&#8531;</td> 
 
    <td colspan="2">&#8531;</td> 
 
    </tr> 
 
</table>

希望這有助於？