先码后文.
代码如下:
<!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就行
- 请问老师
- 审核问题
- 我的岗位会被裁减吗？
- 报名数据
- 最终的报名人数
- 岗位是否裁减
- 大理州2012年竞争性选拔处、科级领导干部公告（第1号）
- 2012年云南省公务员招考报名数据（截止时间2012年3月20日14：00）
- 三支一扶报考公选问题
- 考试缴费咨询
- 审核
- 2012年公务员审核
- 这几天的报名数据问题
- 替补和调剂
- 未就业？
- 中专生能考幼儿教师资格证？
- 顶顶顶！！！！力挺易贤
- 哈哈哈
- 今早交费的，怎么还没显示
- 公务员报名咨询
- 交费问题
- 公务员考试咨询
- 感谢所有易贤老师。。。。。
- 报考岗位是要求2年工作经验 需要提供证明么？
- 今天的数据估计大概什么时候能出来？
- sales-campaign
- sales channel
- sales-channel
- sales charge
- sales-charge
- sales check
- sales-check
- sales clerk
- salesclerk
- sales-clerk
- 落拓
- 落拓不羁
- 落日
- 落晖
- 落枕
- 落标
- 落榜
- 落槽
- 落款
- 落气
- 2015年党建工作上半年总结
- 安全员月工作总结
- 改革整顿心得体会
- 环卫作业工作总结
- 安全教育月工作总结
- 财务部年底工作总结
- 银行业务主管工作总结范文
- 担保公司年终总结
- 园林局创卫工作总结
- 园林局普法工作总结