如何摆脱列表项旁边的点?

我有这个问题,在索引页面显示我所有的文章,我在左边得到一个点:

点在左边

如果有人知道如何摆脱小点,所有帮助将不胜感激。 这是该页面的源代码。

   <ul class="articles">
     <% @articles.each do |article| %>
      <li class="excerpt">
        <%= sanitize(truncate(article.body, length: 250)) %>
          <div class="read-more">
           <%= link_to "Read more", article_path(article), class: 'btn btn-primary' %>
        </div>
      </li>
    <% end %>
   </ul>

这是因为你使用了一个<li>元素,默认情况下它带有令人讨厌的项目符号点。 看到这个问题 - 添加到您的CSS:

ul.articles
{
    list-style-type: none;
}

这是一个重点,作为列表的一部分。 这是有道理的,因为你把它呈现在一个无序列表中。

如果你想让它消失,这是你的articles类中CSS样式的改变。

.articles {
    list-style-type:  none;
}
链接地址: http://www.djcxy.com/p/29979.html

上一篇: How to get rid of the dots on the side of list items?

下一篇: Remove bullet points in UL in CSS