Html 如何将背景位置指定为'；右边距：10px'；？

我试图把一个图像作为背景，并希望它对齐的权利，但不是紧密地对齐。比如右边的边距：10px。是否可以在纯css中这样做，而不显式地向图像添加边距

我尝试了好几次，但都失败了。。。

---

提前谢谢

您可以使用百分比，但这只有在您知道容器的宽度将保持不变时才是好的：

background-position: 95% center;

否则，您可以在Photoshop等图像编辑器中在图像右侧添加10像素的空白

---

您可以使用百分比，但这只有在您知道容器的宽度将保持不变时才有用：

background-position: 95% center;

否则，您可以在Photoshop等图像编辑器中在图像右侧添加10像素的空白

---

要使用您在JSFIDLE上的示例：

我声明了以下额外样式：

.rss
    {
        background-image: url('http://tipabsorb.com/index/wp-content/plugins/category-specific-rss-feed-menu/rss_small_icon.png');
        background-repeat: no-repeat;
        float: right;
        width: 16px;
        min-width: 16px;
        max-width: 16px;
        height: 16px;
        min-height: 16px;
        max-height: 16px;
        margin: 10px;
    }

这将使用相同的图像，但会在标记中添加一个额外的div。此方法将图像作为背景图像，然后使用边距将其定位到所需的任意一侧（如果需要，也可以更改左侧的浮动）

洛雷姆·伊普苏姆·多洛·希特·阿梅特（Lorem ipsum Door sit amet）是一位杰出的领导者，他是一位伟大的领袖
尤伊斯穆德·廷西德和拉奥里特·多洛尔·马格纳·埃拉帕特

在普通标记之前定位“rss”div很重要，因为这会影响流。也可以通过将div绝对放置在相对父对象中来实现

最后，我从“.test”类中删除了背景，因为它现在已被移动到“rss”类中

---

我希望这能有所帮助。

使用您在JSFIDLE上的示例：

我声明了以下额外样式：

.rss
    {
        background-image: url('http://tipabsorb.com/index/wp-content/plugins/category-specific-rss-feed-menu/rss_small_icon.png');
        background-repeat: no-repeat;
        float: right;
        width: 16px;
        min-width: 16px;
        max-width: 16px;
        height: 16px;
        min-height: 16px;
        max-height: 16px;
        margin: 10px;
    }

这将使用相同的图像，但会在标记中添加一个额外的div。此方法将图像作为背景图像，然后使用边距将其定位到所需的任意一侧（如果需要，也可以更改左侧的浮动）

洛雷姆·伊普苏姆·多洛·希特·阿梅特（Lorem ipsum Door sit amet）是一位杰出的领导者，他是一位伟大的领袖
尤伊斯穆德·廷西德和拉奥里特·多洛尔·马格纳·埃拉帕特

在普通标记之前定位“rss”div很重要，因为这会影响流。也可以通过将div绝对放置在相对父对象中来实现

最后，我从“.test”类中删除了背景，因为它现在已被移动到“rss”类中

---

我希望这会有所帮助。

显然，在中有一个扩展到

后台位置的建议，可以解决这个问题，除非-等等-还没有人实施它。显然，在中有一个扩展到
后台位置的建议，可以解决这个问题，除了-等等-还没有人实施它。谢谢，很接近了。。。但结果并不是我所期望的。。图像在元素间不整齐背景位置：url（…图像…）无重复100%居中；我认为这是一个更好的方法，就像你说的，在png图像的右边留一个10px，这样就可以了，聪明。谢谢你，非常接近。。。但结果并不是我所期望的。。图像在元素间不整齐背景位置：url（…图像…）无重复100%居中；我认为这是一个更好的方法，就像你说的，在png图像的右边留一个10px，这样做很聪明。