时间:2021-05-08
先码后文
复制代码代码如下:
<!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就行
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
label文字与input垂直居中对齐不容易调好,试验了padding、vertical-align:middle等都不凑效,如复制代码代码如下: 文
本文想说的警惕点与浏览器兼容无关,主要是几个本人在项目中遇到的几个小问题的总结,问题虽小,但是却有时很困扰人,在此记录一下,如果后期有此类问题会持续添加到这里。
使用谷歌浏览器时,当鼠标焦点在文本输入框(input、textarea)时,谷歌浏览器默认会给它们加上边框,但我们有时并不需要这边框,所以要通过代码去掉。1、获
由于谷歌浏览器默认安装到C盘下,所以,有些朋友会把下载的谷歌浏览器安装程序解包使用,但是会出现未注册类的提示,本文介绍该问题的解决方法。1、由于谷歌浏览器默认安
问题描述:在IE8及以下版本时,点击label标签无法自动触发checkbox的click事件,导致无法产生希望的效果。原HTML代码:申请检查$("input