Html CSS中的定位问题
所以最近我打开了我的论坛,目前正在配置主题,但遇到了一些麻烦。在帖子上,有一些统计数据显示在右边,但它们太近,显示不清楚。经过一段时间的研究,如定位、容器等,我仍然无法找到我的答案,仍然迫切需要帮助。下面是我所说内容的截图: 这是统计数据的CSS:Html CSS中的定位问题,html,css,mybb,Html,Css,Mybb,所以最近我打开了我的论坛,目前正在配置主题,但遇到了一些麻烦。在帖子上,有一些统计数据显示在右边,但它们太近,显示不清楚。经过一段时间的研究,如定位、容器等,我仍然无法找到我的答案,仍然迫切需要帮助。下面是我所说内容的截图: 这是统计数据的CSS: .post .post_author div.author_statistics { float: right; font-size: 11px; padding: 3px 10px 3
.post .post_author div.author_statistics {
float: right;
font-size: 11px;
padding: 3px 10px 3px 5px;
padding-left: 50px;
color: #666;
line-height: 1.3
}
如果你需要任何额外的信息,让我知道,我可以提供它。提前感谢您的帮助
编辑:这里是统计数据的HTML的一部分
<span style="font-size:13px;">
<div align="center">
<div class="float_left">Posts:</div> <div class="float_right"> 13</div><br>
<div class="float_left">Threads:</div> <div class="float_right"> 1</div><br>
<div class="float_left">Joined:</div> <div class="float_right"> Oct 2015</div>
<br><div class="float_left">Reputation:</div> <div class="float_right">
<a href="reputation.php?uid=2"><strong class="reputation_positive">2</strong></a>
<!-- end: postbit_reputation_formatted_link --></div>
<!-- end: postbit_reputation --></div>
<!-- end: postbit_author_user -->
</span>
帖子:13
线程:1
加入日期:2015年10月
声誉:
试试这个
.post .post_author div.author_statistics {
margin-right: 50px;
float: right;
font-size: 11px;
padding: 3px 10px 3px 5px;
padding-left: 50px;
color: #666;
line-height: 1.3;
}
你只需要增加或减少右边距值你的问题很让人困惑,因为我认为这个主题在我加入的每个论坛中都很正常 但您可以尝试以下代码:
.post .post_author div.author_statistics .float_left {
float: left;
width: 80px;
text-align: left;
}
要做到这一点:
希望有帮助 请显示完整代码您是否希望它们水平显示?或者只是更垂直地隔开?@kfreeman04208我希望它们能更水平地显示,所以可能会向左5px左右。另外,完整的代码超过2500行,所以我只留下了它的HTML部分。谢谢请提供该页面link@AdiNugroho这是我使用的线程的一个例子。非常感谢你,这修复了它!遗憾的是,我还不能提升它,因为我需要15个声誉,但一旦我实现了,我就会!