html - vbulletin 论坛的 css 问题

Question

我正在尝试将“赞”灰色条移到签名正上方的“赞”链接左侧，右上角带有小图标。

例子: http://www.talkjesus.com/bible-study-hall/44722-antimonianism.html#post220422

现在的CSS代码

.vbseo_buttons .vbseo_liked {
    background: rgba(46, 53, 57, .8);
        color: #fff;
        border: 0;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px; 
    clear: both;
    display: block;
    padding: 12px;
    margin: 5px 30px;
    <vb:if condition="$stylevar['textdirection'] == 'rtl'">
        background-position: right;
    </vb:if>
}

如果我将 display: block 更改为 display: inline，它会将它移动到同一行，如下所示: http://i49.tinypic.com/348lonc.png

但是，它失去了 margin 属性和 width 属性。我尝试通过添加 width: 50%; 来固定宽度但这并没有改变。如何在固定边距和宽度的同时保持内联？

Answer 1

你的意思是你想要最右上角的灰色条，它显示线程对心脏的喜欢数量吗？为了保持边距，你应该只 float 灰色框

向左浮动

.vbseo_buttons .vbseo_liked {
background: rgba(46,53,57,.8);
color: #fff;
border: 0;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
clear: both;
padding: 12px;
margin: 5px 30px;
float: left;
}

要将它一直移动到右上角，您需要修改模板，它最终看起来像这样，但您需要移动整个 after_content div 或根据需要重新设置样式如果只移动 vbseo_liked 容器。并删除 clear:both 样式。