在CSS中定位的麻烦

时间:2015-10-26 02:51:21

标签: html css mybb

所以最近我打开了我的论坛,目前正在配置主题,但遇到了一些麻烦。在帖子上,右侧会显示统计信息,但它们距离太近并且显示模糊不清。经过一段时间的研究,如定位,容器等,我仍然无法找到答案,仍然迫切需要帮助。这是我正在谈论的截图:

Screenshot 1

这是统计数据的CSS:

    .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>

2 个答案:

答案 0 :(得分:0)

试试这个

.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;
}

您只需要增加或减少保证金权利值

答案 1 :(得分:0)

你的问题很混乱,因为我认为这个主题在我加入的每个论坛都很正常。

但你可以试试这段代码:

.post .post_author div.author_statistics .float_left {
  float: left;
  width: 80px;
  text-align: left;
}

要实现这一点:enter image description here

希望它有所帮助!