gpt4 book ai didi

html - Tumblr 主题中的填充问题

转载 作者:行者123 更新时间:2023-11-28 12:18:13 24 4
gpt4 key购买 nike

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

编辑:我可以只延长 thee li 的长度,并添加 cursor 属性,这样底部的 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}

最佳答案

我认为这个问题与 line-height 有关(目前没有定义)。

.like_button {
line-height: 0px;
}

关于html - Tumblr 主题中的填充问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19045530/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com