我有一张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旁边对齐,因此两者之间没有空格< / p>
为了更清楚,请考虑这两行是如何出现的。
1. 喘氣 a ____ bc ____ de SUBMIT
2. 留學 ab ____ cdefa ____ gh SUBMIT
注意项目6和后面的输入框之间存在很大差距?
我需要看起来像这样:
1. 喘氣 a ____ bc ____ de SUBMIT
2. 留學 ab ____ cdefa ____ gh SUBMIT
我对如何做到这一点有任何想法?我很感激。
答案 0 :(得分: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>