更改可變寬度的字體，以固定寬度的字體

我具有由項目名的列表的asp.net下拉列表控制和價格如下更改可變寬度的字體，以固定寬度的字體

Pen  | 2.09 
Book | 1.2 
Handbag | 30.50 
Pencil | 1.05

的襯墊做使得下拉看起來完全對齊但這僅適用於 font-family：「Courier New」，Courier，等寬;
現在整個頁面都使用Arial字體，下拉菜單也需要使用Arial字體，我如何才能實現這一目標？到目前爲止，我已經嘗試過使用jQuery如下包裹每一個字符間距標籤：

var array = $dropdownItem.text().split(''); 

var result = '<span>' + 
       array.join('</span><span>') + 
      '</span>'; 

$dropdownItem.html(result);

用，也許我可以申請像一個固定的字體寬度每個字符的希望，但我不知道如何去說。提供任何幫助。

來源

2014-04-03 merazuu

你在測試什麼瀏覽器？ –

Google chrome，IE，firefox – merazuu

爲了清楚起見，我們在這裏討論的是一個自定義的「下拉」元素，而不是'select' /'option' HTML元素，對吧？（因爲將'span'插入後者是不可能的。）那麼，實際問題是什麼 - 不知道如何用CSS或什麼來設置它們的格式呢？ – CBroe

最後，我發現它是不可能使字體顯示在相同的寬度，除非它是一個單一的空間字體。根據定義，單色空間字體意味着每個字符具有相同的寬度。

來源

2014-06-15 17:44:01 merazuu

更改可變寬度的字體，以固定寬度的字體

回答

相關問題