0

所以我正在为 Tumblr 主题设计一些东西，我遇到了一个非常烦人的问题。我正在编写 Reblog 和 Like 按钮，Reblog 按钮工作正常，但由于某种原因，Like 按钮在底部提供了额外的 5px 填充。这并不是一个真正严重的问题，但它对我来说真的很烦人，因为我找不到摆脱它的方法。我尝试改变高度，最大高度，定位等等，但没有摆脱底部的额外空间。这可能是我的一些愚蠢的错误，或者它应该是那样的，我没有意识到，因为为时已晚，但任何帮助都会很好。这也是我的测试博客，我在其中设置了主题。如果您查看源代码，或者将鼠标悬停在 Like 按钮上，您可以看到。 http://mchickenposts.tumblr.com/

编辑：我可以延长你的长度，并添加光标属性，这样底部的 5px 就不会被遗漏。但我想知道我怎样才能完全摆脱它。

这是我的帖子 Html 代码，以及 Css。

.post_reblog_like{
    list-style-type:none;
    padding:0px;
    margin:0px;
    display:inline-block;
    float:right;
}
.post_reblog_like li{
    display:inline-block;
    opacity:.7;
}
.post_reblog_like li:hover{
    opacity:1;
} 
{block:Text}
                <div class="post_wrapper">
                    <div class="post_text">
                        <div class="post_text_body">
                            {block:Title}
                                <a class="PostTitle" href="{Permalink}">{Title}</a>
                            {/block:Title}
                            {block:NoteCount}
                                <a class="post_notes" href="{Permalink}">{NoteCountWithLabel}</a>
                                {/block:NoteCount}
                            <div class="PostBody">{Body}</div>
                        </div>
                            <div class="post_date">
                                {block:Date} 
                                    <a title="{DayOfWeek}, {Month} {DayOfMonth}, {Year} @ {12Hour}:{Minutes} {AmPm}" class="post_date_text" href="{Permalink}">{TimeAgo}</a>
                                {/block:Date}
                                <ul onmouseover="changeClass();" class="post_reblog_like">
                                    <li title="Reblog">{ReblogButton color="white" size="20"}</li>
                                    <li title="Like">{LikeButton color="white" size="20"}</li>
                                </ul>
                            </div>
                    </div>
                </div>
            {/block:Text}
4

2 回答 2

0

我相信这个问题与line-height（目前没有定义）有关。

.like_button {
    line-height: 0px;
}
于 2013-09-27T09:08:39.647 回答
0

将 更改.like_button为 adisplay: block然后float: left。display: inline带有并且inline-block总是在底部为“y”或“g”等字母添加一些空间的元素。希望它可以帮助某人！

于 2015-07-19T17:34:59.717 回答