3

オプションを含む要素があります。要素の幅は150ピクセルですが、一部のオプションは幅が広くなっています。したがって、レンダリング時に、ブラウザは右側にオーバーフローを表示します。オプションリストを左側にオーバーフローさせるにはどうすればよいですか？JSFiddle 選択は、右上隅のdivの内側にあり、左側の外側にオーバーフローします。

ありがとう。

<select id="MySelect">
      <option value="60" selected="selected"></option><option value="-60">(UTC-01:00) Azores</option>
      <option value="-60">(UTC-01:00) Cape Verde Is.</option><option value="0">(UTC) Casablanca</option>
      <option value="0">(UTC) Dublin, Edinburgh, Lisbon, London</option><option value="0">(UTC) Monrovia, Reykjavik</option>
      <option value="60">(UTC+01:00) Belgrade, Bratislava, Budapest, Ljubljana, Prague</option>
      <option value="60">(UTC+01:00) Brussels, Copenhagen, Madrid, Paris</option>
      <option value="60">(UTC+01:00) Sarajevo, Skopje, Warsaw, Zagreb</option>
      <option value="60">(UTC+01:00) West Central Africa</option>
      <option value="120">(UTC+01:00) Windhoek</option>
</select>​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​

​#MySelect{
    margin-top:20px;
    margin-left:200px;
    width:150px;}​​​
4

2 に答える 2

3 
#MySelect{
    margin-top:20px;
    margin-left:300px;
    width:150px;
    direction: rtl;
}

これはかなりハッキーな方法ですが、機能します。他の方法は考えられません。

于 2012-11-04T22:59:44.740 に答える
1

あなたが使うことができます

<select id="MySelect" dir="rtl">
于 2012-11-04T22:59:26.273 に答える