0

我试图将 4 个 jQuery Select 框放在一条直线上。所以我把它们放在这样的桌子里:

<table>
 <tr><td> <sj:select> <option>......</sj:select> </td>
 <td> <sj:select> <option>......</sj:select> </td>
 <td> <sj:select> <option>......</sj:select> </td></tr> 
</table>

选择框的选项值更长。因此选择框重叠,因此每个选择框的一半变得不可见。我尝试使用style="width:40px". 但这会改变宽度。但是当我使用设置宽度时,宽度$("#selectid").width(40);会发生变化。我将<td>使用的宽度设置为 40 <td width="40">,选择框的宽度也设置为 40。选择框的宽度看起来非常小。由于我将 td 的宽度和选择框的宽度设置为相同的宽度,因此我认为它们的大小相同。我希望它们的大小相同。有人可以帮我解决这个问题吗?

PS:我尝试增加选择框的宽度。但这样做也会增加宽度<td>

4

1 回答 1

0

好吧,既然您没有提供任何代码,我会将选择框放在一个div包装器中并用来CSS并排显示它。

您的 CSS 样式表将如下所示:

select {
   display:inline-block;
   margin-right:10px;
   float:left;
   max-width:100px;
}

div.wrapper {
   min-width:450px;
}

您所要做的就是select像这样显示您的 's,当然还有option's

<div class="wrapper">
  <select></select>
  <select></select>
  <select></select>
  <select></select>
</div>

我想这个问题的主要答案是,使用我会使用的CSS

于 2013-05-08T03:36:42.330 回答