消除表tr中选择元素之间的差距

Question

我有<table>个<tr>个。{在一个<tr>内，我希望有两个<select>元素。但是，当我尝试这样做时，<select>被推得相距很远。我注意到在<tr>中添加了其他<table>元素时会出现间隙。 （如果我只有<tr>有两个<select>元素，那么差距就不存在了。）我下面有两个jsFiddles。一个显示了差距，另一个没有。任何帮助将不胜感激！

jsFiddle显示差距：http://jsfiddle.net/yMAW5/

没有差距的jsFiddle：http://jsfiddle.net/vyaHJ/

Answer 1

用这个替换你的第二个

<tr>
        <td class="label"><label>High School:</label></td>
        <td colspan="3">
           <input id="profile_high_school" name="profile[high_school]" size="32" type="text" value="Value" />
        </td>
     </tr>

Answer 2

那是因为表格的列宽是由整列中最宽的元素继承的。