表格中心凹凸不平行

Question

我有兩行的表格;一個有5個定義，一個有4個。有沒有辦法讓第二行位於列不對齊的最上面一行的中心？

<table class="productBrowserTableControllerType" id="productBrowserTableControllerType" border="1"> 
    <tr> 
     <td>Standard Solenoid</td> 
     <td>"Classic" Solenoid</td> 
     <td>Manual Lever</td> 
     <td>Palm Button</td> 
     <td>Foot Pedal/Treadle</td> 
    </tr> 
    <tr> 
     <td>Cam Roller</td> 
     <td>Piston</td> 
     <td>Remote Pilot</td> 
     <td>Differential Pilot</td> 
    </tr> 
</table> 

Answer 1

包住第二行中的另一個表，並把整個事情到一個<td>有5這樣的合併單元格...

http://jsfiddle.net/FzUhA/1/

<tr> 
     <td>Standard Solenoid</td> 
     <td>"Classic" Solenoid</td> 
     <td>Manual Lever</td> 
     <td>Palm Button</td> 
     <td>Foot Pedal/Treadle</td> 
    </tr> 
    <tr> 
     <td colspan = "5" align="center"> 
      <table><tr> 
      <td>Cam Roller</td> 
      <td>Piston</td> 
      <td>Remote Pilot</td> 
      <td>Differential Pilot</td> 
      </tr> 
      </table> 
     </td> 
    </tr> 

Answer 2

這使第二排到中心，它在左側和右側具有相等的間距。請參閱fiddle

<table class="productBrowserTableControllerType" id="productBrowserTableControllerType" border="1"> 
    <tr> 
     <td colspan="2">Standard Solenoid</td> 
     <td colspan="2">"Classic" Solenoid</td> 
     <td colspan="2">Manual Lever</td> 
     <td colspan="2">Palm Button</td> 
     <td colspan="2">Foot Pedal/Treadle</td> 
    </tr> 
    <tr> 
     <td></td> 
     <td colspan="2">Cam Roller</td> 
     <td colspan="2">Piston</td> 
     <td colspan="2">Remote Pilot</td> 
     <td colspan="2">Differential Pilot</td> 
     <td></td> 
    </tr> 
</table>