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

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

この質問に対する主な答えは、私が使用するものを使用することだと思いますCSS

于 2013-05-08T03:36:42.330 に答える