减少相关帖子中的填充量jekyll

时间:2017-09-27 08:18:41

标签: html css jekyll liquid

我一直在使用此代码根据每个帖子的YAML前面的tag链接到我网站上的相关帖子:

{% for post in site.posts limit:5 %}
    {% if post.url != page.url %}
        {% for tag in post.tags %}
                {% if page.tags contains tag %}
<a href="{{ post.url }}">{{ post.title }}</a> 
            {% endif %} 
        {% endfor %}
    {% endif %}
{% endfor %}

这很好用,但我想知道如何减少输出中链接之间的填充。目前他们看起来像这样:

enter image description here

如何让它们看起来像这样:

enter image description here

1 个答案:

答案 0 :(得分:0)

你可以在CSS中尝试这样的事情:

a {margin:0;padding:0; }

或者,如果你不能添加你做的CSS做内联样式(这当然不是一个好的做法),像这样:

<a style="margin:0;padding:0;" href="{{ post.url }}">{{ post.title }}</a>