格式文本中的下拉框中

Question

目前我正在试图获得一个代码和格式化，并在下拉框中显示属性的全名。我已经有了代码来显示两个值，但它们没有格式化。问题是不是所有的角色都会消耗相同数量的空间。该代码可以包含数字或字母。

render : function() { 
      this.$el.attr('value', this.model.get('ptTimeCd')).html(
       this.model.get('ptTimeCd') + "&nbsp&nbsp|&nbsp" 
       + this.model.get('ptTimeName')); 

      return this; 
     } 

这将产生一个下拉的东西，如下列：

A1 |一些文字 CM |一些更多的文字 GB | ...

有没有办法可以让这一切对齐，使垂直总是会在同一个地方？

Answer 1

如果我理解正确的话，您有与variable width, or "proportional" fonts性质的问题你的问题。你需要的是一个monospaced font/font-family。

也许尝试这样的CSS规则：

.mono { 
    font-family: "Courier New", Courier, Fixed, monospace; 
} 

的CSS类应用于您的下拉列表中的项目，看看如果你得到更多的东西一样，你想要达到的目标。

然后你只需要确保每个项目的“部分”具有相同数量字符和空格的，这是一个相对简单的编程逻辑练习，你垫或调整每个部分基于字符串的长度。只要再问一次，你是否需要有关该特定部分的帮助。