select - 尊重空白填充以固定宽度显示列 <select>

Question

我试图通过用空格填充文本来创建下拉列表中的列效果，如下例所示:

<select style="font-family: courier;">
<option value="1">[Aux1+1] [*]  [Aux1+1]              [@Tn=PP] </option>
<option value="2">[Main]   [*]  [Main Apples Oranges] [@Fu=$p] </option>
<option value="3">[Main]   [*]  [Next NP]             [@Fu=n]  </option>
<option value="4">[Main]   [Dr] [Main]                [@Ty=$p] </option>
</select>

根据这个blog ， 这是可能的。

问题是空格被收缩，因此列不会排列。在 FF、IE6 和 Chrome 中结果相同。

我错过了什么？

Answer 1

您需要使用  而不仅仅是普通的空间。

例如，您可以使用您的选项执行此操作:

<option value="2">[Main]&nbsp;&nbsp;&nbsp;[*]&nbsp;&nbsp;[Main Apples Oranges]&nbsp;[@Fu=$p] </option>