对齐下拉列表选项元素中的文本

Question

我有一个带有选项列表的html页面，用户将选择显示与事件相关的信息。因此，我希望下拉列表中的每个选项都显示日期，并且X出现在Y.在选项列表中，我希望将日期左对齐，然后是＆＃34; X＆＃39 ; S＆＃34;在不同的选项之间保持一致，然后是＆＃34; Y＆＃34;相互对齐（我相信它会让人们在扫描列表时更容易看到差异）。

基本上（尽我所能在这里渲染），这就是我想要做的事情：

1/1/2000    This thing shipped           to Anywhere, KS
12/18/2003  The other thing installed    at Nowhere, NV
3/22/2007   The darned thing failed      in Roswell, NM
            ^ 2nd block aligned          ^ 3rd block aligned

我已经在选项条目中尝试了div，但这没有任何区别。

我已经详尽地搜索了这些内容，但我还没有找到任何关闭的东西（只有关于如何对齐整个选项文本的问题，等等）。这样的事情甚至可能吗？

Answer 1

如果您想要这样的格式化，则选择不是这样做的。选项标记中不允许使用HTML。根据{{​​3}}，选项标记的允许内容为：

  

带有最终转义字符的文字（例如é）。

如果你想保持“外观”，你需要找到一种不同的方法，比如每行第一列中带有单选按钮的表。