我正在尝试将“赞”灰色条移到签名正上方的“赞”链接左侧,右上角带有小图标。
例子: 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%; 来固定宽度但这并没有改变。如何在固定边距和宽度的同时保持内联?
最佳答案
你的意思是你想要最右上角的灰色条,它显示线程对心脏的喜欢数量吗?为了保持边距,你应该只 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 样式。
关于html - vbulletin 论坛的 css 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15313056/