0

現在、ドロップダウン ボックスに書式設定されて表示されている属性のコードと完全な名前を取得しようとしています。2 つの値を表示するコードは既にありますが、書式設定されていません。問題は、すべての文字が同じ量のスペースを消費するわけではないことです。コードには数字または文字を含めることができます。

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 に答える