Firefox Bug:由于中文字符</select>,<select>下拉列表中的额外空间

时间:2012-12-12 00:16:15

标签: firefox html-select chinese-locale

在Firefox 17中,我在<select>下拉菜单中看到了额外的空间。选项列表超过20个项目时会触发此问题。请参见此处的屏幕截图

enter image description here

我已经摆弄了一段时间,将<select>缩减为单个中文字符,请参阅此处:http://jsfiddle.net/4LDFU/4/

<form>
21 items (note blank space in dropdown)
<select  size="1"><option selected="selected" value="0">所有類別 &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;</option><option value="11450">服裝、鞋及配件</option><option value="14675">手機、通訊產品</option><option value="293">電子產品及電器</option><option value="58058">電腦及網絡</option><option value="625">數碼相機、攝影器材</option><option value="281">珠寶首飾及鐘錶</option><option value="220">玩具及個人愛好</option><option value="11700">家居生活</option>
    <option value="142313">Games</option><option value="45099">電影音樂</option><option value="1">收藏品</option><option value="260">郵票</option><option value="11116">錢幣</option><option value="888">體育、休閒及旅遊</option><option value="9800">汽車</option><option value="12576">商業及工業</option><option value="20081">古董</option><option value="267">書籍</option><option value="26395">健康及美容</option><option value="99">其他物品及服務</option></select>

<br><br>20 items (remove any one option, and blank space is gone)
<select  size="1">
    <option value="11450">服裝、鞋及配件</option>
    <option value="11450">服裝、鞋及配件</option>
    <option value="14675">手機、通訊產品</option>
    <option value="293">電子產品及電器</option>
    <option value="58058">電腦及網絡</option>
    <option value="625">數碼相機、攝影器材</option>
    <option value="220">玩具及個人愛好</option>
    <option value="11700">家居生活</option>
    <option value="142313">Games</option>
    <option value="45099">電影音樂</option>
    <option value="1">收藏品</option>
    <option value="260">郵票</option>
    <option value="11116">錢幣</option>
    <option value="888">體育、休閒及旅遊</option>
    <option value="9800">汽車</option>
    <option value="12576">商業及工業</option>
    <option value="20081">古董</option>
    <option value="267">書籍</option>
    <option value="26395">健康及美容</option>
    <option value="99">其他物品及服務</option>
</select>

<br><br>21 items again (stripped to one HK character, blank space remains)
<select  size="1">
    <option>test</option>
    <option>test</option>
    <option>產</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
    <option>test</option>
</select>

有什么想法?它只出现在Firefox中。在Chrome中,滚动条出现在21个项目中,让我觉得它是Firefox计算滚动条的一个错误。

1 个答案:

答案 0 :(得分:0)

<强>尝试:

所有類別替换为所有分类(中文(简体))