将背景图像对齐

Question

http://jsfiddle.net/Zx836/

在第二个框中,注意箭头在同一个地方的方式.如何让它与div一起流动？

scroll right center在background属性中使用但我想保持一些填充权.

我也试图避免使用2个div或标签.这可能只是通过.boxDIV？

Answer 1

.right-align-background {
    background-position: center right;
}

http://jsfiddle.net/Zx836/1/

Answer 2

background-origin: content-box;如果您希望背景与元素上设置的填充对齐,也可以使用.

像这样的东西:

input.error {
 background: no-repeat;
 background-image: url('../images/field-error.png');
 background-position: right center;
 background-origin: content-box;
 padding-right: 5px;
}

Answer 3

使用:after相反添加图像怎么样？

.box {
    background: #a6cf83;
    float:left;
    color:#333;
    font-weight:bold;
    padding:8px;
}

.box:after {
    content: url(http://cdn1.iconfinder.com/data/icons/humano2/24x24/actions/new-go-next.png);
}