好吧问答库 > Div+CSS. 网页div背景图设置。如何做到图中所示，宽度改变后，背景图仍然可以居中

Div+CSS. 网页div背景图设置。如何做到图中所示，宽度改变后，背景图仍然可以居中

2024年11月22日 04:12

有3个网友回答

网友（1）：

这个很简单，你设置背景图的时候写
background:url("1.jpg") no-repeat center center;
url是图片路径，no-repeat是背景图不重复，center是背景居中显示。
这里的center center是在水平和垂直方向都居中显示，如果div高度改变，背景图需要从div顶部显示，那么就把center center改成top center，第二个center可以不用写，默认就是center。

网友（2）：

设置div的宽度，然后img{display:block; margin:0 auto;}

网友（3）：

先把 pic设置成 block，即块状，然后设置 margin:0 auto;

Div+CSS. 网页div背景图设置。 如何做到图中所示，宽度改变后，背景图仍然可以居中

Div+CSS. 网页div背景图设置。如何做到图中所示，宽度改变后，背景图仍然可以居中