select的option怎样居中？？？？？？

加上text-align:center或者align="center"在IE下都不行，但是火狐可以，怎么办啊？？
难道只能加空格了？我加空格是可以的，但是感觉很不好，而且加空格的个数很难控制，加多或加少了就不居中了。<select style="width:100px;">
<option>a</option>
</select>

解决方案 »

  1.   

    <option   value= "choice1.htm "> &nbsp&nbsp&nbsp选项一 </option>
    加style貌似不行，所以只能这样了
      

  2.   

    这样也不好的嘛，比如option的内容长度不一样，加多少个&nbsp;就不知道了。难道就没方法了？
      

  3.   

    &nbsp;加空格吧，我就是这样做的
      

  4.   

    select是最最最恶心的控件，样式对它基本无效
      

  5.   

    <script language="javascript" type="text/javascript">
    function changeLayout(){
    var optionObj = document.getElementById("selectid").options;
    for(i = 0; i < optionObj.length; i++){
       var length = optionObj[i].text.length;
       for(j = 0; j < 20-length; j++){
        optionObj[i].text = ' ' + optionObj[i].text;
       }
    }
    }
    </script>
    <body onload="javascript:changeLayout();">
    <select id="selectid" onchange="">
    <option selected="selected">*OTHERS*</option>
       <option>AAAAAA</option>
       <option>VC</option>
       <option>AAAAAAAAAAA</option>
       <option>AAAAAAAAAAAAA</option>
    </select>这个方法可以 
      

  6.   

    找个jquery的select的插件吧 很好用的啊
      

  7.   


    IE可以，火狐不行啊。。
    主要是这里：optionObj[i].text = ' ' + optionObj[i].text;
    我把' '换成&nbsp;也不行