代码如下:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<style>
div {width:500px; height:500px; margin:0 auto; border:#000 solid 1px;}
label { display:inline-block; width:100px;border:#000 solid 1px;}
input { border:#000 solid 1px;}
</style>
</head>
<body>
<div>
<p><label>账号</label><input type="text" /></p>
<p><label>密码</label><input type="text" /></p>
<p>
<label>验证码</label>
<input type="text" /><img src="" width="100" height="20" />
</p>
</div>
</body>
</html>
谷歌打开效果如下
验证码的label和input之间的间距明显较上面两个大，将验证码代码的换行去掉，并为一行之后，三个input框就对齐了，原因还不晓得。
PS：img和input没有对齐以前的随笔记录过，只需要分别加个vertical-align:middle就行
- 家具销售员上半年工作总结范文
- 上半年个人工作总结精选
- 上半年工作总结范文大全
- 计划生育协会上半年工作总结
- 总经理半年工作总结讲话范文
- 公司财务上半年工作总结范文
- 采购半年工作总结报告
- 营销部半年度工作总结
- 镇党委政府半年工作总结范文
- 机械设计师年终个人总结
- 上半年单位工作总结
- 上半年公司个人工作总结
- 出纳员工半年工作总结范文精选
- 物业保安队长上半年工作总结
- 办公室上半年总结下半年计划
- 支行上半年工作总结报告
- 食安办上半年工作总结范文
- 机关党委半年工作总结最新范文
- 企业管理部门半年工作总结报告
- 卫生院三下乡活动半年工作总结
- 半年个人工作总结范文大全
- 综合管理部上半年工作总结
- 物业工程部半年工作总结
- 证券公司半年度工作总结范文
- 银行信贷半年度工作总结
- dance-studio
- dance theatre
- dance-theatre
- dance to sb's tune
- dance-to-sb-s-tune
- dance to someone's tune
- dance-to-tune
- dancing
- dancing lesson
- D and C
- 讎
- 讏
- 讐
- 讑
- 讒
- 讓
- 讔
- 讕
- 讖
- 讗
- 2012年镇江市口腔医院第二批公开招聘工作人员应聘人员考试成绩公示
- 2012年重庆市南川区公开遴选（选聘）工作人员资格初审合格人员名单公告
- 2012年苏州市精神病福利院专场招聘工作人员公告
- 德宏事业单位报名审核问题？
- 2012年铜仁市松桃苗族自治县人社局招聘会计专业人员笔试总成绩及面试人员名单
- 2012年铜仁市松桃苗族自治县财政局招聘计算机专业人员笔试总成绩及面试人员名单
- 2012年烟台市市直事业单位公开招聘高层次人才拟聘用人员公示
- 定向事业单位考试？
- 2012年铜仁市松桃苗族自治县财政局招聘会计专业人员笔试总成绩及面试人员名单
- 2012济南市卫生局所属事业单位公开招聘拟聘用人员和取消岗位公告