代码如下:
<!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就行
- 苏州大学应用技术学院2015年“专转本”《录取通知书》寄出的通知
- 2015年大连市具有自主招生入选资格考生名单
- 北京经济管理职业学院2015年北京高会统招计划
- 北京经济管理职业学院2015年普通高考招生章程
- 陕西国际商贸学院2014年在各省录取线
- 2015年绍兴文理学院关于招生工作的特别声明
- 南京信息工程大学滨江学院2015年各地区招生咨询会一览表
- 西安邮电大学2015年在陕招生计划及近年录取分数表
- 西安汽车科技职业学院2014年全国录取分数线
- 北京电子科技职业学院2015年北京普通高考(专科)招生简章
- 北京电子科技职业学院2015年普通高考(专科)招生章程
- 南京邮电大学通达学院2012-2014年录取分数统计表(文科)
- 南京邮电大学通达学院2015年招生章程
- 2015年湖南机电职业技术学院在各省招生代码/志愿填报时间表
- 北京信息职业技术学院2015年高会统招招生计划
- 2015年福建省院校平行志愿填报应避免的四个认识误区
- 北京信息职业技术学院2015年外省招生招生计划
- 北京劳动保障职业学院2015年公办高职院校高职(专科)招生联合咨询会通知
- 北京劳动劳动保障职业学院2015年招生简章
- 浙江经济职业技术学院2015年在外省招生批次及院校代码
- 广州城市职业学院2016年招生信息汇总
- 2015年湖南机电职业技术学院在湘特殊专业招生计划[4399]
- 2015年湖南机电职业技术学院在湘普通专业招生计划[4335]
- 2015级杭州电子科技大学新生QQ群正式启用
- 2015年浙江省普通高校招生文理科第一批艺术/体育本科分数线
- to-make-a-long-story-short
- tomatillo
- tomato
- tomatoes
- tomato grower
- tomato ketchup
- tomato-ketchup
- tomato paste
- tomato plant
- tomato sauce
- 蟙
- 蟚
- 蟛
- 蟜
- 蟝
- 蟞
- 蟟
- 蟠
- 蟡
- 蟢
- 校园安全教育国旗下讲话稿范文_校园安全教育讲话稿精选5篇
- 国旗下关于安全教育讲话稿范文_安全教育讲话稿5篇汇总
- 小学生安全教育个人心得体会范文_安全教育心得体会精选5篇
- 安全教育日个人学习心得体会范文精选5篇
- 最新全民国家安全教育日个人心得体会范文5篇汇总
- 全民国家安全教育日观后感心得感想范文精选5篇
- 4月15日同上一堂国家安全教育课心得体会观后感最新精选【5篇】
- 4.15同上一堂国家安全教育课观后感心得感想范文5篇
- 全民国家安全教育日活动宣传语80句范文精选5篇
- 最新安全驾驶个人心得感悟讲话稿范文_安全驾驶讲话稿5篇