表格中心凹凸不平行

我有两行的表格;一个有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>

来源

2013-01-20 jwomack

您的意思是类似于»的»colspan«属性？ – philipp

不，因为colspan会把第二排偏离中心，这不是我想要实现的 – jwomack

包住第二行中的另一个表，并把整个事情到一个<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>

来源

2013-01-20 08:45:47

谢谢你，没有想过那个 – jwomack

你是最受欢迎的！ –

+1 for»oldschool«style ... – philipp

这使第二排到中心，它在左侧和右侧具有相等的间距。请参阅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>

来源

2013-01-20 08:49:07 Arjan

只有当你有边界时才有效，所以对我没有好处。很好的黑客寿 – Evorlor

表格中心凹凸不平行

回答

相关问题