添加空格列表元素HTML

試圖列表字符串中增加了許多空間，如：添加空格列表元素HTML

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

在JavaScript準備HTML的這些線，然後用jQuery的顯示。

但是當它們最終呈現時，白色空間被消除。檢查列表元素顯示，該空白確實在HTML代碼中，但未被顯示。

任何想法？

PS：我只是注意到，當我在這篇文章的上面的列表項目中有一堆空格時，空格從這篇文章中被刪除了！

來源

2014-03-26 user3465091

在HTML中忽略空白。 –

如果要強制間距，則使用' '。因爲你正在用javascript編寫html，所以在'25 - going.length'（或者你想要的很多空格）上寫一個'for循環'應該是新穎的，然後在每次循環迭代中只輸出一次' ' – celeriko

是的，謝謝！這正是我所做的......它的工作原理，雖然它造成了另一個問題......它是用等寬字體修復的！再次感謝！ – user3465091

你有-at最不兩種方法可以做到你想要什麼：

1路：我不喜歡

使用 分幾次這樣

<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

當然，您還可以使用其他朋友提供的其他許多方法，在我的答案中您會找到HTML解決方案。

3路：使用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

來源

2014-03-26 16:26:46 SULTAN

我已經嘗試了第一種方法（具有一般結果）。我需要切換到等寬字體以保持間距一致。儘管如此，我被第三種方式所吸引，這正是我想要的第一種方式 - 在列表元素中正確對齊城市。我會給它一個！ – user3465091

@ user3465091您使用了哪種方法？ ' '或'

'？ – SULTAN

我使用了＆nbsp方法（實際上是在Google上搜尋想法後的＆＃160）......但就像我所說的，我認爲浮點寫入方法可能比以等寬字體插入空格效果更好。 – user3465091

在HTML中忽略多個空格，並且只在屏幕上打印單個空格。您可以改用 。

因此，您可以使用此代碼顯示1個空格。您的代碼將爲：

<li>Going (25 -going.length spaces added) 
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;to New York</li>

這將按照您希望的方式呈現。

來源

2014-03-26 16:20:29

它不好添加nbsp;或添加空間而不是可能添加標記像

<ul class="list"> 
    <li> 
      <span>Going </span> 
      <span>(25 -going.length spaces added)</span>   
      <span>to New York </span> 
     </li> 
</ul>

和在CSS可能寫爲

ul.list利跨度{顯示內聯：塊;最小寬度：70px}/*根據您的需要，您可以指定班級李*/

希望它有幫助！

來源

2014-03-26 16:23:29

Afzaal是對的。它應該是這樣的：

<li>Going (25 -going.length spaces added)&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;to New York</li>

雖然你也可以設置它像這樣（這是一個更好的做法）：

<li>Going (25 -going.length spaces added)<span style="margin-left:40px;">to New York</span></li>

來源

2014-03-26 16:25:01

您可以使用一些 ，但這不是一個好方法。也許你可以使用一張桌子。或者，更好的是，對齊一些span或一些div，並用CSS顯示它們。

來源

2014-03-26 16:29:19 bellons91

添加空格列表元素HTML

回答

相關問題