2013-05-08 93 views
0

我想将4个jQuery选择框放在一条直线上。因此,我将它们放在一个表里面是这样的:Struts2 jQuery plygin选择框宽度问题

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

选择框有是longer.So选择框重叠,因此各占一半选择框变为不可见选项值。我试图用style="width:40px"设置宽度。但是这个力量改变了宽度。但是,当我使用$("#selectid").width(40);设置宽度时,宽度会发生变化。 我使用<td width="40"><td>的宽度设置为40,并将选择框的宽度也设置为40.一些选择框的宽度看起来非常小。由于我将td的宽度和选择框的宽度设置为相同的宽度,因此我认为它们的尺寸都是相同的。我想他们的大小是一样的。有人能帮我解决这个问题吗?

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

回答

0

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

你的CSS样式表是这样的:

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

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

所有你需要做的是'像这样与option S,当然的

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

我想主要显示您select回答这个问题是,使用我会使用CSS

+0

感谢您的回复。我尝试了解决方案。但我似乎仍然面临同样的问题。基本上问题是20px提到作为宽度的jquery选择框似乎是远小于20px大小设置为HTML组件宽度像div td等大小差异似乎是充满了白色的空间。 – 2013-05-08 04:57:03