gpt4 book ai didi

html - 图片不在页面中央

转载 作者:太空宇宙 更新时间:2023-11-03 23:37:10 24 4
gpt4 key购买 nike

出于某种原因,我通过帖子加载的图片没有居中加载。它加载在页面的左上角,就像页面上没有任何 css 一样。我已经多次检查代码,但我无法弄清楚它有什么问题。

以下代码是我的index.php

<?php $i = urlencode($_GET['i']); 

$image = str_replace("%2F", "/", $i);


?>
<head>
<title>RizzelDazz Images</title>

<Style type=css>
*
{
padding: 0;
margin: 0;
}
#over
{
position:absolute;
width:100%;
height:100%;
text-align: center; /*handles the horizontal centering*/
}
/*handles the vertical centering*/
.Centerer
{
display: inline-block;
height: 100%;
vertical-align: middle;
}
.Centered
{
display: inline-block;
vertical-align: middle;
}
</style>
</head>

<body>

<div id="over">
<span class="Centerer">
<?php if($i=="") { echo ""; } else { echo"<img src='/../images" . $image . ".jpg'/>"; } ?>
</span>
</div>


</body>

最佳答案

如果你发布的代码是你的index.php的全部内容文件,你有几个问题:

  1. 你没有doctype .包括<!DOCTYPE html>在你的顶部 index.php文件。

  2. 你没有<html></html>标签。您文档中的所有内容都应该放在里面 <html></html>标签。

  3. 您的开场白 <style>标签错了。你有它作为 <Style type=css> ;应该是:

    <style type="text/css"> (没有大写字母,引号围绕 text/css )

这是您进行这些更改后的代码 - 它们很可能会解决您的问题。

<!DOCTYPE html>
<html>
<?php $i = urlencode($_GET['i']);
$image = str_replace("%2F", "/", $i);
?>
<head>
<title>RizzelDazz Images</title>
<style type="text/css">
* {
padding: 0;
margin: 0;
}
#over {
position:absolute;
width:100%;
height:100%;
text-align: center; /*handles the horizontal centering*/
}
/*handles the vertical centering*/
.Centerer {
display: inline-block;
height: 100%;
vertical-align: middle;
}
.Centered {
display: inline-block;
vertical-align: middle;
}
</style>
</head>

<body>
<div id="over">
<span class="Centerer">
<?php if($i=="") { echo ""; } else { echo"<img src='/../images" . $image . ".jpg'/>"; } ?>
</span>
</div>
</body>
</html>

关于html - 图片不在页面中央,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23791880/

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