不均一な列幅

Question

この表形式をコピーしようとしています。

が、私は、各TDのため 凹凸の列の幅を作るように見えることはできませんし、それは同様に私のテーブルの形式を破る ここに私のコードです：

<div class="CenterThings"> 
    <table class="CenterThings"> 
     <tr> 
      <th colspan="3" style="background-color:black;color:white;">Job Quotation</th> 
     </tr> 
     <tr> 
      <td style="width: 328px">Address:<asp:TextBox ID="TextBox2" runat="server" Height="16px" Width="255px"></asp:TextBox> 
      </td> 
      <td style="width: 219px">Contact#:<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox> 
      </td> 
     </tr> 
     <tr> 
      <td style="width: 328px"> 
       Job Description: 
       <asp:TextBox ID="TextBox3" runat="server" Width="194px"></asp:TextBox> 
      </td> 
     </tr> 
     <tr> 
      <td style="width: 328px"> 
       Printing Process: 
       <asp:TextBox ID="TextBox4" runat="server" Height="16px" Width="195px"></asp:TextBox> 
      </td> 
     </tr> 
     <tr> 
      <th colspan="3" style="background-color:black;color:white;">Specification</th> 
     </tr> 
     <tr> 
      <td style="width: 328px"> 
       Quantity: 
      </td> 
      <td style="width: 219px"> 
       Size: 
      </td> 
      <td> 
       No.of pages inside: 
      </td> 
     </tr> 
     <tr> 
      <td style="width: 328px"> 
       Material: 
      </td> 
      <td style="width: 219px"> 
       Cover: 
      </td> 
      <td> 
       Inside: 
      </td> 
     </tr> 
    </table> 
</div> 

、これはありますその出力： 私は何とか最初の画像を複製するか、何とか閉じる必要がありました。

Answer 1

TD内にテーブル全体を配置してネストしたテーブルを使用できます。これにより、レイアウトの複雑さが増します。

<table id='main_table'> 
    <tr> 
    <td> 
     <table id='inner_table'> 
     </table> 
     </td> 
    </tr> 
    </table>