javascript - 页面中呈现的未知点 - 是什么原因导致它们？

Question

我有一个演示 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>

附注必须按下“显示列表”按钮才能显示列表

Answer 1

这是因为您正在使用列表项，即 <li>标签。默认情况下，它们会显示项目符号。

首先，您应该只使用<li>有序或无序列表内的标签 ( <ol>/<ul> )。您应该考虑列表项是否适合放在这里。也许<div>更合适吗？
如果你想使用列表项，你应该将它们包装在 <ul> 中。列出，然后通过应用样式删除项目符号点:list-style-type: none .
更改display列表项的样式也将去掉项目符号点。