2013-05-08 67 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