将4个TD放入TR但将2个TD对齐一行

时间:2016-03-16 01:18:31

标签: html css html-table css-tables

我有一张桌子,我在每个tr中插入2个tds。 在此表中有一个场景,我在tr中插入4个tds。 我想把tr中的4个tds对齐为#34; 2个tds在一行"。

Table example

a-h是html元素。元素e,f,g,h是连接的,我想在一个单元格中插入这些元素,以免显示边界线。

<table>
 <tr>

  <td>work</td>
  <td >

   <select id="work" name="work">
   <option value="1">1</option>
   <option value="2">2</option>
   <option value="3">3</option>
   <option value="4">4</option>
   <option value="5">5</option>
   <option value="6">6</option>
   </select>
 </td>

<td>Others:</td>
<td >                       
  <input id="insert_loc" maxlength="96" name="other_loc"    style="width:180px" type="text" />
</td>

  

我该如何实现这一目标? 感谢。

修改: 我想我是在思考它。正如斯科特建议使用CSS显示/隐藏边框是要走的路。 对于任何感兴趣的人:

td {
    border-bottom: 0;
    border-top: 0;
}

0 个答案:

没有答案