0

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

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 | ...

有没有办法让所有这些对齐，以便垂直总是在同一个地方？

4

1 回答 1

0

如果我正确理解了您的问题，那么您对可变宽度或“比例”字体的性质有疑问。您需要的是等宽字体/字体系列。

也许尝试这样的css规则：

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

然后将 css 类应用于您的下拉列表项，看看您是否获得了更像您想要实现的东西。

然后，您只需要确保项目的每个“部分”具有相同数量的字符和空格，这是一个相对简单的编程逻辑练习，您可以根据字符串长度填充或修剪每个部分。再次询问您是否需要该特定部分的帮助。

于 2013-03-20T22:02:27.577 回答