backgroundposition center 打開前端開發(fā)工具，新建一個html代碼頁面 在html代碼頁面上創(chuàng)建一個用于設置背景顏色的div標簽，然后給這個標簽添加上class = #34bgimg#34設置背景圖片創(chuàng)建style標簽，然后在標簽里面對。

CSS使網頁背景圖片居中的三種方法1第一種用像素設定，很多都用這種，但是也是最麻煩的2第二種用50%設定，很方便3第三種用center設定注第2個center可以省略，因為默認就是center。

CSS中定位背景圖片的屬性是backgroundposition，用法backgroundposition 屬性設置背景圖像的起始位置你要水平居中可以divbackgroundpositioncenter center第一個center是水平居中，第二個center是上下居中 CSS層疊。

1打開一個在線寫前端代碼的網站，比如jsrun或者jsfiddle2目標是制作一張不同大小的圖片，效果如圖3每個框的html如下，img src=圖片地址img 4css如下，其中需要注意的是，不設置最外層div的大小，只設置span。

設置圖片為塊級元素，設置左右margin為auto即可讓圖片居中imgdisplayblockmarginleftautomarginrightauto 網頁中如何用HTMLCSS實現(xiàn)文字居中于圖片1前端用到的編輯器有很多，本例通過選擇SublimeText3編輯器來。

想要圖片居中顯示，如果圖片等比例縮小可能會導致圖片不能填充整個p，如果直接將圖片不設置寬高，將其外層p設置overflowhidden這時即使外層p設置了水平垂直居中，圖片也不是居中的效果解決方法1 把圖片設置為背景圖片。