html - HTMLでボックスオプションを選択するためにテーブル構造を適用するにはどうすればよいですか

Question

私の選択ボックスオプションでは、各オプションには3つの単語があります.今、オプションの各単語に固定幅を適用して、すべてのオプションが必要に応じて表示されるようにします。たとえば、私のオプションは次のとおりです。

1,   aaaaa bbbbb ccccccccc
2,   aaaaaaaa bbbbbbb cccc     
3,   aaaaaa bbbbb cccc

しかし、ドロップダウンにこれらのオプションを次のように表示したい

1,   aaaaa     bbbbb     ccccccccc
2,   aaaaaaaa  bbbbbbb   cccc     
3,   aaaaaa    bbbbb     cccc

誰かがこれを行う方法を知っているなら私を助けてください

score 3 · Accepted Answer

div使用してスタイルを設定できますCSS。jsfiddle.netで作成したこのサンプルを参照してください。
例を参照してください。

score 1 · Accepted Answer

1 つの可能性としては、1) 等幅フォントを適用してオプションを選択し、2) JavaScript を使用して、必要に応じて任意の長さまたは長さにスペースを追加して、オプションの各要素の文字数が同じであることを確認します。最長の要素の。

score 1 · Accepted Answer

別のオプションとして、サードパーティの JavaScript ライブラリを使用して選択ボックスを再構築し、必要に応じてスタイルを追加することもできます。

3 に答える 3