javascript - 在列表元素HTML中添加空格

尝试在列表字符串中添加一些空格，如：

<li>Going (25 -going.length spaces added)        to New York</li>
<li>Departing (25 - departing.length spaces added)    to Boston</li>

这些HTML行是用JavaScript编写的，然后用jQuery显示。
但当最终渲染它们时，会消除空白。检查列表元素表明，空白确实在HTML代码中，但没有显示出来。
有什么想法吗？
PS：我刚刚注意到，当我在这篇文章上面的列表项中有一堆空格时，这些空格就从这篇文章中删除了！

最佳答案

你至少有两种方法做你想做的事：
第一种方式：我不喜欢
像这样多次使用 
<li>Going     to New York</li>
第二条路：比第一条路好
用这样的li包围您的<pre></pre>项目：

<li><pre>Going        to New York</pre></li>
<li><pre>Departing        to Boston</pre></li>

HERE IS THE 2nd way EXAMPLE
当然，正如其他朋友建议的那样，你还有很多其他使用css的方法，在我的回答中，你会找到HTML的解决方案。
第三种方式：使用css：
HTML格式：

<li class="cssLI"><span class="type">Going to</span><span class="city">New York</span></li>
<li class="cssLI"><span class="type">Departing to</span><span class="city">Boston</span></li>

CSS:

.cssLI{
    width: 100%;
}
.city{
    float: right;
}

HERE IS THE 3rd way EXAMPLE

关于javascript - 在列表元素HTML中添加空格，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/22667096/

nbsp

javascript - 在列表元素HTML中添加空格