Html 我在浏览器之间遇到了一些奇怪的大小和间距问题
这让我很烦，因为它看起来应该很简单。我将附上Chrome、FF和IE 11的图片 首先，它只是一个简单的登录，在垂直和水平居中的页面上输入电子邮件和密码 HTML/JAVASCRIPT代码：Html 我在浏览器之间遇到了一些奇怪的大小和间距问题,html,css,Html,Css,这让我很烦，因为它看起来应该很简单。我将附上Chrome、FF和IE 11的图片 首先，它只是一个简单的登录，在垂直和水平居中的页面上输入电子邮件和密码 HTML/JAVASCRIPT代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>PHP Builds Login</title> <script type="text/javascript"
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>PHP Builds Login</title>
<script type="text/javascript">
function validateForm()
{
var x=document.forms["login"]["username"].value;
if (x==null || x=="")
{
alert("Please fill out the username");
return false;
}
}
</script>
</head>
<body>
<section class="loginform tmr">
<form name="login" action="index_submit" method="get" accept-charset="utf-8">
<label for="usermail">Email: </label><br />
<input type="email" name="usermail" placeholder="yourname@email.com" required><br />
<label for="password">Password: </label><br />
<input type="password" name="password" placeholder="password" required> <br />
<input type="submit" value="Login">
</form>
</section>
</body>
</html>
PHP构建登录
函数validateForm（）
{
var x=document.forms[“login”][“username”].value；
如果（x==null | | x==“”）
{
提醒（“请填写用户名”）；
返回false；
}
}
电子邮件：
密码：
html，正文{
身高：100%；
宽度：100%；
边际：0px；
背景：url（'images/blue_sky.jpg'）；
字号：12号；
}
身体{
显示：表格；
垂直对齐：中间对齐；
文本对齐：居中；
}
部分{
显示：表格单元格；
垂直对齐：中间对齐；
}
标签{
颜色：#FFFFFF；
}
.tmr：之前，
.tmr：之后{
内容：“；
显示：表格；
}
.tmr：之后{
明确：两者皆有；
}
.tmr{
*缩放：1；
}
：焦点{
大纲：0；
}
.loginform输入：不是（[type=submit]）{
填充物：5px；
右边距：10px；
边框：1px实心rgba（0,0,0,0,3）；
边界半径：3倍
盒影：插入0px 1px 3px 0pxrgba（0,0,0,0.1），
0px 1px 0px 0px rgba（250250250,0.5）；
框大小：边框框；
-moz框大小：边框框；
-webkit框大小：边框框；
}
.loginform输入[类型=提交]{
边框：1px实心rgba（0,0,0,0.3）；
背景：#64c8ef；/*旧浏览器*/
背景：-moz线性梯度（顶部，#64c8ef 0%，#00a2e2 100%）；/*FF3.6+*/
背景：-webkit渐变（线性、左上、左下、彩色）-
停止（0%，#64c8ef），颜色停止（100%，#00a2e2））；/*铬，Safari4+*/
背景：-webkit线性梯度（顶部，#64c8ef 0%，#00a2e2 100%）；/*铬，Safari5.1+*/
背景：-o-线性梯度（顶部，#64c8ef 0%，#00a2e2 100%）；/*Opera 11.10+*/
背景：-ms线性梯度（顶部，#64c8ef 0%，#00a2e2 100%）；/*IE10+*/
背景：线性梯度（至底部，#64c8ef 0%，#00a2e2 100%）；/*W3C*/
过滤器：progid:DXImageTransform.Microsoft.gradient（startColorstr='#64c8ef'，endColorstr='#00a2e2'，GradientType=0）；/*IE6-9*/
颜色：#fff；
填充：5px15px；
右边距：0；
边缘顶部：15px；
边界半径：3px；
文本阴影：1px1px0pxRGBA（0,0,0,0.3）；
}
假设您的问题是：如何正确对齐元素（因为实际上，您的帖子中没有“问题”）： 删除输入：密码和
<label for="password">Password: </label><br />
<input type="password" name="password" placeholder="password" required> <br />
<input type="submit" value="Login">
...
密码：
...
<label for="password">Password: </label><br />
<input type="password" name="password" placeholder="password" required> <br />
<input type="submit" value="Login">
...