格式文本内的下拉框

format text inside drop down box

本文关键字：文本 格式      更新时间：2023-09-26

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

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 |一些文本再来点文字GB |…

是否有办法让所有这些都对齐，使垂直线始终在同一位置?

如果我正确理解你的问题，你有一个问题与可变宽度的性质，或"比例"字体。你需要的是一个等宽字体/字体族。

也许可以试试这样的css规则:

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

然后应用css类到你的下拉列表项，看看你是否得到更像你想要达到的效果。

然后你只需要确保物品的每个"部分"都有相同数量的字符和空格，这是一个相对简单的编程逻辑练习，你可以根据字符串长度填充或修剪每个部分。如果你需要帮助，请再次询问。

相关文章：