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

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

2024-11-22 04:12:30

推荐回答（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背景图设置。如何做到图中所示，宽度改变后，背景图仍然可以居中