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

CSS使網(wǎng)頁背景圖片居中的三種方法1第一種用像素設(shè)定，很多都用這種，但是也是最麻煩的2第二種用50%設(shè)定，很方便3第三種用center設(shè)定注第2個(gè)center可以省略，因?yàn)槟J(rèn)就是center。

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

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

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

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