当前位置:  开发笔记 > 编程语言 > 正文

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

如何解决《如何在HTML选择元素中的选项文本之前放置空格字符?》经验,为你挑选了6个好方法。

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


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



1> Rob Cooper..:

 太空实体不是吗?


对我有用......

编辑:

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



2> Riyaz Hameed..:

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

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


对我来说,这是JS中使用IE / FF / Chrome的唯一解决方案。
这也是唯一对我有用的答案.

3> Matt Sheppar..:

我想你想要  

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


要么



这不适用于  将作为  而不是空间.

4> John..:

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

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

Server.HtmlDecode(" ") 



5> dabobert..:

我尝试了很多东西,但唯一对我有用的是使用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'))
});



6> Smolla..:

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

推荐阅读
携手相约幸福
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有