如何將CSS背景圖像居中，就好像圖像具有不同的寬度（不切割bgimg）？

Question

我正在試圖添加一個書籤到我的wop網站。問題是，我想將小書籤（在下圖中以紅色突出顯示）居中，就好像它沒有箭頭伸出一邊。如果我在css中更改bgimage的寬度，與下面的縮進框相同，它將以我喜歡的方式爲中心。但是，它切斷了一點箭頭。所以，我的問題是，我怎樣才能將bookmarklet居中，就好像它具有其他縮進框的寬度。

書籤CSS：

#bookmarklet { 
    background-image:url('images/bookmarklet.png'); 
    width:425px; 
    height:175px; 
    background-repeat: no-repeat; 
    margin-left: auto; 
    margin-right: auto; 
    padding-bottom:8px; 
} 

我想爲中心的書籤就好像它是（沒有切割出箭頭的一側）：

#resultbg { 
    background-image:url('images/resultbg.png'); 
    width:404px; 
    height:347px; 
    background-repeat: no-repeat; 
    margin-left: auto; 
    margin-right: auto; 
    padding-top:8px; 
} 

任何幫助非常感謝！ 謝謝（：

Answer 1

措施像素的箭頭從箱子「伸出」的數量，除以二，並讓它成爲你左邊距

就是這樣進入了我的腦海裏的第一件事。然而，。你正在使用左邊距來放置圖像的中心位置，也許有一個容器div，以margin-left爲中心：auto和margin-right：auto，然後用這個div內的圖像邊距進行播放。這應該工作

Answer 2

只需添加

background-position:center; 

爲了這應該是居中

Answer 3

有幾個選項背景：

1. 縮小圖像和墊一側的一些空白這樣，它不會得到切斷的寬度。
2. 將圖像包裝在div中並設置寬度，以便使用一些填充或邊距根據需要定位背景圖像。