問題與對齊​​在表

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>