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

问题描述：

我有一个<table>与许多<tr> s。在一个<tr>我想有两个<select>元素。然而，当我尝试这样做时，<select>被推得彼此远离。我注意到在<table>中添加其他<tr>元素时会出现间隔。（如果我只有<tr>和两个<select>元素，则差距不存在。）下面我有两个jsFiddles。一个显示了它与缺口的相似之处，另一个没有。任何帮助将非常感激！删除表格中的选择元素之间的差距tr

的的jsfiddle表示间隙：http://jsfiddle.net/yMAW5/

的的jsfiddle无间隙：http://jsfiddle.net/vyaHJ/

答

与此

<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>

感谢您更换第二TR，这个工作。我只需将colspan添加到其他''元素。 – tvalent2 2012-01-10 23:10:30

答

这是因为表的列宽度由最宽的元件在整个列继承。

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

相关推荐