更改可变宽度的字体，以固定宽度的字体

我具有由项目名的列表的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

更改可变宽度的字体，以固定宽度的字体

回答

相关问题