如何在HTML选择列表中显示多个空格

概述jsfidder这里 http://jsfiddle.net/a3LwW/4/ 我的问题是我在< option>的内容中有多个空格. jQuery val()给了我正确的值,但浏览器呈现<选项>好像字符串中只有一个空格. 有没有办法在< option>中正确渲染多个空格？ 我尝试了< option>< pre>三个空格< / pre>< / option>,但它没有做我想要的. HTML <sel JsfIDder这里 http://jsfiddle.net/a3LwW/4/

我的问题是我在< option>的内容中有多个空格.

jquery val()给了我正确的值,但浏览器呈现<选项>好像字符串中只有一个空格.

有没有办法在< option>中正确渲染多个空格？

我尝试了< option>< pre>三个空格< / pre>< / option>,但它没有做我想要的.

HTML

<select ID="List">    <option>one space</option>    <option>two  spaces</option>    <option>three   spaces</option></select><p>Current Value:<pre ID="val"></pre></p>

Js

function update_val () {    $('#val').text($('#List').val()); }$('#List').change(update_val);//initupdate_val();

解决方法 使用& nbsp; (通常你不应该将它用于间距,但你是 don’t have many more options in <select> elements)：

<select ID="List">    <option>one space</option>    <option>two &nbsp;spaces</option>    <option>three &nbsp;&nbsp;spaces</option></select>

Updated Fiddle

总结

以上是内存溢出为你收集整理的如何在HTML选择列表中显示多个空格全部内容，希望文章能够帮你解决如何在HTML选择列表中显示多个空格所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。