0

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

示例： 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 属性。我尝试通过添加宽度来固定宽度：50%; 但这并没有改变。如何在固定边距和宽度时保持内联？

4

1 回答 1

0

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

向左浮动

.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如果只移动 vbseo_liked 容器，则需要移动整个 div 或根据需要重新设置样式。并删除 clear:both 样式。

在此处输入图像描述

于 2013-03-09T02:30:11.223 回答