Question

我无法将背景图片显示在某些文字的右侧。

“右箭头”背景图像精灵需要位于单词“下一步”的右侧。

上一个链接的图像背景的精灵很好。这只是我无法弄清楚的下一个链接。

这是我的CSS

div#maincontentcontainer div#inner-page-content div.entry-content div.post-nav-previous {
    background: url('/wp-content/themes/investorcom-2015/images/post-nav-arrows.png') no-repeat left top;
    background-position: 0 0;
    float: left;
    font-size: 0.8em;
    line-height: 1.4em;
    padding-left: 20px;
}
div#maincontentcontainer div#inner-page-content div.entry-content div.post-nav-next {
    background: url('/wp-content/themes/investorcom-2015/images/post-nav-arrows.png') no-repeat right top;
    background-position: 0 -15px;
    float: right;
    font-size: 0.8em;
    padding-right: 20px;
}

Answer 1

background-position: right -15px;

喜欢这个吗？

Answer 2

background-position: 30px -15px;

Answer 3

在另一个div中包装单词Next并将新div的css设置为margin-left：20px

<div class="post-nav-next">
    <div style="margin-left: 20px;">
      Next
    </div>
</div>

如何将背景图片放在内容的右侧

3 个答案: