gpt4 book ai didi

html - 元素不会移动

转载 作者:行者123 更新时间:2023-11-28 15:16:37 25 4
gpt4 key购买 nike

我正在尝试制作一个表单,但是当我尝试将其集中时,它只是紧贴在#wrapper 的左侧。它对 margin-top 有反应,但与穿越没有任何关系。我试过使用 margin-left 给 margin 赋值,但仍然没有。我很确定我已经按照 YouTube 教程进行操作,我正在处理一个字符一个字符,所以不确定我哪里出错了,有人有什么想法吗?

body {
padding: 0;
margin: 0;
background-color: #ccc;
}

#wrapper {
width: 1000px;
background-color: #FFF;
margin: 0px auto;
min-height: 400px;
margin-top: 40px;
border: 1px solid #999;
border-bottom: 3px solid #999;
border-radius: 5px;
}

#formDiv {
width: 200px;
margin: 0px auto;
margin-top: 20px;
}
<!DOCTYPE html>
<html>
<head>
<title>Registration Page</title>
<link rel="stylesheet" href="css/styles.css" />
</head>
<body>
<div id="wrapper">
<div id="formDiv"></div>
<form method="POST" action="index.php" enctype="multipart/form-data">
<label>First Name:</label><br>
<input type="text" name="fname" /> <br/><br/>
<label>Last Name:</label><br>
<input type="text" name="lname" /> <br/><br/>
<label>Email:</label><br>
<input type="text" name="email" /> <br/><br/>
<label>Password:</label><br>
<input type="password" name="password" /> <br/><br/>
<label>Image:</label><br>
<input type="file" name="image" /> <br/><br/>
<input type="submit" name="submit" />
</form>
</div>
</body>
</html>

最佳答案

您提前关闭了 formdiv 标签。使用这个:

<html>

<head>
<title>Registration Page</title>
<link rel="stylesheet" href="css/styles.css" />
</head>

<body>

<div id="wrapper">

<div id="formDiv">

<form method="POST" action="index.php" enctype="multipart/form-data">

<label>First Name:</label><br>
<input type="text" name="fname" /> <br/><br/>

<label>Last Name:</label><br>
<input type="text" name="lname" /> <br/><br/>

<label>Email:</label><br>
<input type="text" name="email" /> <br/><br/>

<label>Password:</label><br>
<input type="password" name="password" /> <br/><br/>

<label>Image:</label><br>
<input type="file" name="image" /> <br/><br/>

<input type="submit" name="submit" />

</form>


</div>


</div>
</body>


</html>

关于html - 元素不会移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47039138/

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