两个<select>总是在彼此旁边?</select>

时间:2011-03-10 01:13:09

标签: css

我必须在td中选择大表中只有一列的内容)并且我想确保它们在任何时候都是彼此相邻的,但是td的宽度是这两个选择的宽度。不多了。

根据数据,中显示的值会选择更改。所以我认为我可以指定固定宽度,但不确定是否有更好的解决方案。

如果我调整浏览器窗口的大小,则可以。也许我需要改变属性?

<td>
  <select name="db2.rfthdd">
    <option value="WEI">WEI</option>
    <option value="SCOTSdatabase">SCOTSdatabase</option>
  </select>

  <select id="db2.rfttimestamp">
    <option value="20110302122831">2011-03-02-122831</option>
    <option value="20110302122442">2011-03-02-122442</option>
  </select>

</td>

see the red boxes

1 个答案:

答案 0 :(得分:0)

你可以为每个选择分配一个宽度,以确保它们永远不会比你的td更宽(但是文本可能会被截断并且难以阅读)这真的是一个交易。

使用css

指定宽度
select {width:100px;}

编辑:现在我更好地理解了这个问题,可能想尝试设置td不要换行

<td style="white-space:nowrap;">