Struts2 jQuery plygin 选择框宽度问题答案

【问题标题】：Struts2 jQuery plygin Select box width issuesStruts2 jQuery plygin 选择框宽度问题
【发布时间】：2016-04-27 01:12:56
【问题描述】：

我试图将 4 个 jQuery 选择框放在一条直线上。所以我将它们放在这样的表格中：

<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 width="40"> 将<td> 的宽度设置为40，选择框的宽度也设置为40。选择框的宽度看起来很小。由于我将 td 的宽度和选择框的宽度设置为相同的宽度，我认为它们的大小相同。我希望它们的大小相同。有人可以帮我解决这个问题吗？

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

【问题讨论】：

标签： jquery html struts2 width

【解决方案1】：

既然您没有提供任何代码，我会将选择框放在 div 包装器中并使用 CSS 并排显示。

您的 CSS 样式表如下所示：

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

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

你所要做的就是像这样显示你的select，当然还有option的

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

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

【讨论】：

感谢您的回复。我尝试了解决方案。但我似乎仍然面临同样的问题。基本上，问题是 20px 被提及为 jquery 选择框的宽度似乎远小于 20px 大小设置为 HTML 组件（如 div td 等）的宽度。大小的差异似乎是用空白填充。