是否可以使用CSS background-position:
将图像定位到元素的最右侧,然后减去几个像素,这样它就不会对着边缘?无需为实际图像本身添加一点填充?
由于
答案 0 :(得分:4)
让我们说你的div是1000px宽你想要它从右边代码5px
background: url('image.jpg') no-repeat 995px 50%;
修改强>
正如所指出的,上面的代码不适合图像的大小。
让我们说你的div是1000px宽,你的图像是100px宽你想要它从右边代码5px
background: url('image.jpg') no-repeat 895px 50%;
您的定位为Div Size - Image Size - desired spacing from right edge.
答案 1 :(得分:0)
有一些hacky方式。只需使用最右边的背景位置:
background-position: right center;
并将其与:
结合使用 box-sizing: border-box; border-right: 5px solid transparent;
右侧的 5px 缩进。