Html 在选项标记内的两个文本之间添加空格

我需要使用select/options标签显示以下内容 一月一日 二月二日 三月三日 . . . 十二月十二日

如何在月份和数字之间留出空间？我尝试了usng nbsp、emsp、ensp、thinsp，但在Firefox和chrome中打开时，空间不同。两种浏览器中的空间必须相等

我怎样才能做到呢

---

谢谢。

使用；在月份名称和编号之间的标记中。您可以使用任意多的空间。删除和之间的空格；在代码中

如果包含正常空格的1月1日在不同情况下具有不同的空格，这是由于使用了不同的字体造成的。空格的宽度因字体而异。因此，您需要设置option元素的字体；在select元素上设置该字体也是最安全的，因为有些浏览器不允许您直接通过select设置选项元素的样式

---

为了获得最大的兼容性，您需要使用带有@font-face的可下载字体。

使用多种字体，直到对结果感到满意为止。

这里有两种方法可以将月份名称和月份编号排列在两列中，就像它们是表列一样

<select>
<option>--Choose Month--</option>
<option value="1">01 (January)</option>
<option value="2">02 (February)</option>
<option value="3">03 (March)</option>
<option value="4">04 (April)</option>
<option value="5">05 (May)</option>
<option value="6">06 (June)</option>
<option value="7">07 (July)</option>
<option value="8">08 (August)</option>
<option value="9">09 (September)</option>
<option value="10">10 (October)</option>
<option value="11">11 (November)</option>
<option value="12">12 (December)</option>
</select>
&nbsp;&nbsp;
<select style="font-family: monospace">
<option>--Choose Month--</option>
<option value="1">January&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(1)</option>
<option value="2">February&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(2)</option>
<option value="3">March&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(3)</option>
<option value="4">April&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(4)</option>
<option value="5">May&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(5)</option>
<option value="6">June&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(6)</option>
<option value="7">July&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(7)</option>
<option value="8">August&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(8)</option>
<option value="9">September&nbsp;&nbsp;&nbsp;&nbsp;(9)</option>
<option value="10">October&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;(10)</option>
<option value="11">November&nbsp;&nbsp;&nbsp;&nbsp;(11)</option>
<option value="12">December&nbsp;&nbsp;&nbsp;&nbsp;(12)</option>
</select>

在Chrome、Firefox、IE、Safari和Opera中，生成的下拉列表如下所示：

---

两种浏览器中的空间必须相等。-为什么？该网站的用户会如此关注微小的像素差异吗，或者这是作为客户要求的某种形式的像素完美复制吗？不管是什么，我都不知道担心是不是很重要。嗨，戴维，我的要求很简单，只要考虑一个表状结构，它一个月内有一个列，所有的对应的数字都在另一个列中。如果你想象一下，这个月和它的数字之间的间隔是相等的。为了达到这种形式，我试着放，&thinsp；在月份和数字之间，使用chrome使外观对齐。但是当我使用firefox打开同一个页面时，数字不符合顺序。