问题与对齐​​在表

Question

我有一个表8 <td>。所有项目都是从一个PHP数组中填充的。一个例子行看起来是这样的：

(row number) (Two Chinese characters) (1-5 characters) (input box 1) (1-5 characters) (input box 2) (1-5 characters) (submit button) 

目前所有八个<td>垂直对齐，但我想有TD项目6（输入框2）和7（1-4个字符）旁边的输入框中输入1，以便对准之间没有空间

为了更清楚地考虑这两行如何出现。

1. 喘氣 a ____ bc ____ de SUBMIT 
2. 留學 ab ____ cdefa ____ gh SUBMIT 

请注意项目6和输入框之间的大差距？

我需要矿看起来像这样：

1. 喘氣 a ____ bc ____ de  SUBMIT 
2. 留學 ab ____ cdefa ____ gh SUBMIT 

我如何能做到这一点任何想法？我很感激。

Answer 1

除非您开始玩一些非常复杂的colspan属性，否则您将无法仅使用<td>元素进行操作。

相反，您需要将所有想要的项目放在一个单独的<td>元素中，而将所有其他元素放在其自己的<td>元素中。

要使用你的榜样......

<tr> 
    <td>(row number)</td> 
    <td>(Two Chinese characters)</td> 
    <td>(1-5 characters)</td> 
    <td>(input box 1)</td> 
    <td>(1-5 characters) (input box 2) (1-5 characters)</td> 
    <td>(submit button)</td> 
</tr>