backgroundposition center 打开前端开发工具，新建一个html代码页面 在html代码页面上创建一个用于设置背景颜色的div标签，然后给这个标签添加上class = #34bgimg#34设置背景图片创建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实现文字居中于图片1前端用到的编辑器有很多，本例通过选择SublimeText3编辑器来。

想要图片居中显示，如果图片等比例缩小可能会导致图片不能填充整个p，如果直接将图片不设置宽高，将其外层p设置overflowhidden这时即使外层p设置了水平垂直居中，图片也不是居中的效果解决方法1 把图片设置为背景图片。