html - CSS定位问题

标签 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>

最佳答案

试试这个

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

你只需要增加或减少margin-right值

关于html - CSS定位问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33337760/

相关文章:

javascript - 使用 onchange 更新 Highcharts 工具提示

javascript - 为什么我的 Div 不 move ?

html - 将一组 CSS 表格单元格换行到新行

css - 父级内的两个独立文本翻转不连贯的文本翻转

javascript - Uncaught ReferenceError : Ajax is not defined

java - 从 JSOUP 解析的 HTML 中删除转义文本

css - 为什么用 Angular 添加类似乎会影响定位

php - 如何编辑此插件以显示今天在线和现在在线的帖子数大1 - MYBB onlinetoday

javascript - 使用 Firefox 防止 SCEditor (MyBB) 中的拖放

jquery - Animation.css 类不工作