html+css问题：input怎么对齐？ 5
input两个红框怎么对齐？================================================<!doctypehtml><html><he...
input两个红框怎么对齐？
================================================
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
div{ width:400px;
border:#F90 solid 1px;
font:180% "仿宋";
margin:auto;
padding:10px;
text-align: left;
}
input{ font:50% "楷体"; border:#F00 1px solid; } /*表单内的字体*/
</style>
</head>
<body>
<div>
<form action="..." method="post">
输入用户名：<input name="o1" type="text" size="20" maxlength="12">
<br>
输入邮箱地址：<input name="o2" type="text" size="20" maxlength="20"> <!--设置输入文本的表单域-->
</form>
</div>
</body>
</html> 展开
================================================
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
div{ width:400px;
border:#F90 solid 1px;
font:180% "仿宋";
margin:auto;
padding:10px;
text-align: left;
}
input{ font:50% "楷体"; border:#F00 1px solid; } /*表单内的字体*/
</style>
</head>
<body>
<div>
<form action="..." method="post">
输入用户名：<input name="o1" type="text" size="20" maxlength="12">
<br>
输入邮箱地址：<input name="o2" type="text" size="20" maxlength="20"> <!--设置输入文本的表单域-->
</form>
</div>
</body>
</html> 展开
展开全部
你可以给文字定义一个样式，右面填充像素就可以了。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
div{ width:400px;
border:#F90 solid 1px;
font:180% "仿宋";
margin:auto;
padding:10px;
text-align: left;
}
input{ font:50% "楷体"; border:#F00 1px solid; } <!--设置输入文本的表单域-->
</style>
</head>
<body>
<div>
<form action="..." method="post">
<label style=" padding-right:30px;">输入用户名：</label><input name="o1" type="text" size="20" maxlength="12">
<br>
<label>输入邮箱地址：</label><input name="o2" type="text" size="20" maxlength="20"> <!--设置输入文本的表单域-->
</form>
</div>
</body>
</html>
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style type="text/css">
div{ width:400px;
border:#F90 solid 1px;
font:180% "仿宋";
margin:auto;
padding:10px;
text-align: left;
}
input{ font:50% "楷体"; border:#F00 1px solid; } <!--设置输入文本的表单域-->
</style>
</head>
<body>
<div>
<form action="..." method="post">
<label style=" padding-right:30px;">输入用户名：</label><input name="o1" type="text" size="20" maxlength="12">
<br>
<label>输入邮箱地址：</label><input name="o2" type="text" size="20" maxlength="20"> <!--设置输入文本的表单域-->
</form>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
