我正在尝试使用 css 居中(到页面中间)一个 html 表单。
我已经阅读了其他成员的类似问题。但是,我无法弄清楚
这是 HTML 表单:
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles/form_style.css">
<title>My Form</title>
</head>
<body>
<form action="#">
<label for="name">Your Name:</label>
<input type="text" name="name" id="name" /><br />
<label for="email">Your Email:</label>
<input type="text" name="email" id="email" /><br />
<input type="checkbox" name="subscribe" id="subscribe" />
<label for="subscribe" class="check">Subscribe</label>
</form>
</div>
</body>
</html>
这是CSS:
<style>
form{
width: 700px ;
margin-left: 0 auto;
}
label {
text-align:right;
width:100px;
}
input {
margin-left: 10px;
}
label.check, label.radio {
text-align:left;
}
</style>
我尝试了相当一段时间。但我仍然无法使表格居中。有什么指导吗?谢谢