如何在HTML选择元素中的选项文本之前放置空格字符？

Question

在下拉列表中,我需要在列表中的选项前添加空格.我在尝试

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

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

Answer 1

&#160太空实体不是吗？

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

对我有用......

编辑:

刚检查一下,在旧版浏览器中可能存在兼容性问题,但在这里似乎一切正常.只是想我应该让你知道,因为你可能想要替换 

Answer 2

将\ xA0与String 一起使用.这项工作完美,同时将C#模型数据绑定到下拉列表...

  SectionsList.ForEach(p => { p.Text = "\xA0\xA0Section: " + p.Text; });

Answer 3

我想你想要 或 

所以你的例子的固定版本可能是......

<select>
  <option>&nbsp;&nbsp;Sample</option>
</select>

要么

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

Answer 4

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

这就是我在ASP.Net中解决这个问题的方法(我没有打开VS所以我不确定这些字符实际上被翻译成了什么):

Server.HtmlDecode(" ") 

Answer 5

我尝试了很多东西,但唯一对我有用的是使用javascript.只是注意到我使用的是unicode代码用于空间而不是html实体,因为js doenst知道关于实体的事情

$("#project_product_parent_id option").each(function(i,option){
  $option = $(option);
  $option.text($option.text().replace(/?/g,'\u00A0\u00A0\u00A0'))
});

Answer 6

您也可以按alt + space(在Mac上)以获得不间断的空间.我将它用于Drupal模块,因为Drupal解码了html实体.