CSS响应中心部门

2024-03-02

我想将一些有背景图像的 div 居中。该 div 的响应存在问题,因为如果我将宽度设置为 80%,高度设置为 80%,则背景图像不会位于中心。我尝试了一切,但图片不能只站在中心,如果浏览器更小或更大,这是一个非常大的问题。

所以如果你看图片

我想让这个白色块具有响应能力。

我已经写了一些 css,但现在没有响应:

top: 20%;
left: 30%;
display: block;
position: absolute;
background: url(images/background.png) no-repeat;
background-size: 750px 417px;
width: 750px;
height: 417px;

您可以使用 CSS 转换:

position: fixed;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

CSS响应中心部门 的相关文章