在下拉列表中，我需要在列表中的选项前面添加空格。我在尝试

<select>
<option>&#32;&#32;Sample</option>
</select>

用于添加两个空格，但不显示空格。如何在选项文本之前添加空格？

解决方案

回答

你可以试试看吗？还是一样？

回答

'＆＃160'不是空间的实体吗？

<select>
<option>&#160;option 1</option>
<option>    option 2</option>
</select>

为我工作...

编辑：

刚刚检查了一下，在较旧的浏览器中可能存在兼容性问题，但对于我来说似乎一切正常。只是想让我们知道，因为我们可能想用``代替

回答

我想你想要`或者``

因此，示例的固定版本可能是...

<select>
  <option>  Sample</option>
</select>

或者

<select>
  <option>&#160;&#160;Sample</option>
</select>

回答

我几乎可以肯定，我们也可以使用CSS填充来完成此操作。这样，我们就不必再将空格字符硬编码到所有<option>标签中了。

回答

@布莱恩

I'm nearly certain you can accomplish this with CSS padding, as well. Then you won't be married to the space characters being hard-coded into all of your  tags.

好主意，但不幸的是，它在(每个人最喜欢的浏览器...)IE7中均不起作用：-(

这是一些可以在Firefox中运行的代码(我假设是Op / Saf)。

<select>
    <option style="padding-left: 0px;">Blah</option>
        <option style="padding-left: 5px;">Blah</option>
            <option style="padding-left: 10px;">Blah</option>
    <option style="padding-left: 0px;">Blah</option>
        <option style="padding-left: 5px;">Blah</option>
</select>

回答

正如Rob Cooper指出的那样，旧版浏览器存在一些兼容性问题(IE6会显示实际字母"＆nbsp;"

这就是我在ASP.Net中解决该问题的方式(我没有打开VS，所以我不确定将其实际转换为哪些字符)：

Server.HtmlDecode(" ")

回答

我们也可以按alt + space键(在Mac上为不间断空格)。我将它用于Drupal模块，因为Drupal会解码html实体。