未知的點呈現在頁面中 - 導致它們的原因是什麼？

我在這裏有一個演示application，在「推文」的左上角有點，我不知道它們來自哪裏。代碼使用Ember編寫，模板看起來像這樣未知的點呈現在頁面中 - 導致它們的原因是什麼？

<h2>Ember.js DEMO Tweet list</h2> 

     <div class="tweets-list"> 
     <h2>Tweets</h2> 
<button {{action 'changeAllTweets'}}>Change All Tweets</button> 
<button {{action 'changeOneTweet'}}>Change One Tweet</button> 
<div class="row input-wrap"> 
</div> 
     {{#each this.model.topTweets as |model|}} 
      <li class="media"> 
<div {{action 'bindNewModel' this}} class="row"> 
    <a class="pull-left" href="#"><img class="media-object" width="75" height="75" src={{model.avatar}}/></a> 
    <div class="media-body"> 
    <h4 class="media-heading">{{model.favorites}}</h4> 
    <p>{{model.text}}</p> 
     </div> 
</div> 
<div class="row"> 
<div class="col-xs-4"> 
<a href="#">Expand</a> 
     </div> 
<div class="col-xs-8"> 
<ul class="list-inline text-right"> 
<li href="#">Reply</li> 
<li href="#">Retweet</li> 
<li href="#">Favorite</li> 
<li href="#">More</li> 
     </ul> 
     </div> 
     </div> 

</li> 
{{/each}} 

       </div>

P.S.必須按SHOW LIST按鈕才能顯示列表

來源

2017-06-04 gfels

你的意思是這些剩餘的收評' - >'？ –

這是因爲您使用的是列表項，即<li>標籤。默認情況下，它們會以項目符號顯示。首先，您只能在有序或無序列表（<ol>/<ul>）內使用<li>標籤。你應該考慮列表項是否適合這裏。也許<div> s更合適？
如果你想使用列表項目，你應該將它們包裝在一個<ul>列表中，然後通過應用樣式list-style-type: none來擺脫項目符號點。
更改列表項的display樣式也將消除項目符號點。

來源

2017-06-04 20:59:18

這些是列表項標記。添加列表樣式：無;到了ul，他們就會消失。編輯：我看到你也錯過了ul本身。包裝ul不存在。這些只是列表項。在每個語句之前添加開始的ul，並在每個語句之後關閉。並在列表樣式無規則的情況下。我在手機上，無法編輯小提琴。

來源

2017-06-04 20:55:08

存在HTML結構錯誤。用<ul>標籤包裝<li class="media">。我可以假設你正在使用Bootstrap。如果是的話那麼與<ul class="list-group">包裹<li>標籤，並添加list-group-item類的<li>標籤是這樣的：<li class="media list-group-item">

來源

2017-06-04 21:02:20

未知的點呈現在頁面中 - 導致它們的原因是什麼？

回答

相關問題