Question

我在HTML中有这个

<div class="t1t2Wrapper" style="padding:0px 10px 0px">
   <ul class="breadcrumb pull-left" id="mybreadcumb" brand_name_attr="General" document_id="204" style="background:none; margin-bottom:0px;">
      <li>Name<i class="icon-angle-right"></i></li>
      <li>Text1  Text2<i></i></li>
   </ul>
</div>

（Text1和Text2之间有两个空格）

我正在动态创建这个t1t2wrapper

 $('.t1t2Wrapper').append(htmlforTree);
                    requested_data = [];
                 $('#mybreadcumb').children('li').each(function () {
                     requested_data.push($(this).text().trim());

                      })

但是只显示它只显示一个空格？

这是我的jsfiddle

http://jsfiddle.net/02jm17kf/

Answer 1

要在HTML中拥有多个空格，您需要使用  - the non-breaking space。

见这里：

＆＃13;

<li>Text1  Text2<i></i></li>
<li>Text1&nbsp;&nbsp;Text2<i></i></li>

＆＃13;

注意：the pre tag也可以，但我不认为你想在你的例子中使用它。

Answer 2

在HTML中，更多的空格显示为空格（一个空格）。

在这种情况下，我指的是空格，制表符，新行等等。

Answer 3

HTML不允许两个空格。但是，您可以使用符合您需求的 或other space。

<li>Text1 &nbsp;Text2<i></i></li>

为什么它只显示一个空格

3 个答案: