1、打开前端开发工具，新建一个html代码页面
CSS图片居中对齐代码">
4、保存html代码，使用浏览器打开，这个时候会发现浏览器上的背景图片显示在左上角。
5、回到html代码页面，在bg-img类里添加background-position: center的属性。
6、保存html代码后重新刷新浏览器，这个时候会发现浏览器上的背景图片已经自动居中了。
要让三个图片在div中居中，可以使用以下方法：
首先，设置该div的display属性为flex，这样它的子元素会自动排列在一行中。
然后，使用justify-content属性将图片居中对齐。对于三个图片的宽度和高度，可以设置相同的数值，并使用margin属性为它们添加间距。
最后，将图片的display属性设置为block，以确保它们在一行中水平居中。这样，就可以让三个图片在div中居中显示了。
您好，您可以使用css代码，具体如下：
方法很多，看你怎么用
1、text-align：right；搭配空字符来实现图片右居中
3、position:absolute/relative/fixed；通过设置定位的位置实现。
4、复合方式实现，例如在图片前面搭配一个
注意：如果UL没有设置宽度，用margin:0 autl是没有用的，因为它默认了100%，给它一个宽度，实际宽度或者width:auto都可以。