1、打开前端开发工具,新建一个html代码页面

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都可以。