Honor Whitespace padding以固定宽度<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>

根据这篇博客,这是可能的.

问题是空白是收缩的,所以columsn不排队.SAme导致FF,IE6和Chrome.

我错过了什么？

Answer 1

你需要使用 而不是普通的空间.

例如,您可以使用以下选项执行此操作:

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