如何应用表格结构来选择 HTML 中的框选项答案

【问题标题】：How can I apply table structure to select box options in HTML如何应用表格结构来选择 HTML 中的框选项
【发布时间】：2013-03-04 07:10:36
【问题描述】：

在我的选择框选项中，每个选项都有三个单词。现在我想为选项的每个单词应用固定宽度，以便所有选项都按我的要求出现例如我的选项如下：

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

但我想在下拉菜单中显示这些选项

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

如果有人知道怎么做，请帮助我

【问题讨论】：

【解决方案1】：

一种可能性是 1) 应用等宽字体来选择选项，以及 2) 使用 JavaScript 通过根据需要添加尾随空格来确保选项的每个元素具有相同数量的字符，可以是任意长度或到最长元素的长度。

【讨论】：

【解决方案2】：

另一种选择可能是使用第三方 JavaScript 库来重构选择框并根据需要添加样式。

【讨论】：

【解决方案3】：

您可以使用 div 和 CSS 样式。请参阅我在 jsfiddle.net 中编写的此示例
See example

【讨论】：