gpt4 book ai didi

html - 背景位置属性无法使图像居中

转载 作者:太空宇宙 更新时间:2023-11-04 09:34:51 24 4
gpt4 key购买 nike

以下代码无法将图像放置在屏幕中央。

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body{
background-image: url("../images/dandelion.jpg");
background-repeat: no-repeat;
background-position: center center;
}
</style>
</head>
<body>


</body>
</html>

这就是我得到的。

enter image description here

最佳答案

你的 body只和里面的东西一样高,所以它实际上是正确居中的。

要获得您想要的结果,您需要通过向其中添加内容来使实际页面变长,或者解决此问题:

html,body{ height:100%; }

请注意,您也需要在其中包含 html,因为百分比高度是相对于其父级的(<html> 在本例中是 <body> 的父级)

关于html - 背景位置属性无法使图像居中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40438415/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com