谷歌浏览下label与input间距的小问题

ttx9n · 发表于 2014-4-24 16:56:56

这篇文章主要介绍了谷歌浏览下label与input间距的小问题及解决方法,需要的朋友可以参考下先码后文

复制代码代码如下:
<!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就行

a75620618 · 发表于 2022-9-6 06:57:22

抽根烟，下来看看再说

JosephSA · 发表于 2022-10-3 22:43:49

哦哦哦ijhhsdj

Anthonylam · 发表于 2022-10-28 04:58:02

这个源码还可以

v3sfsi · 发表于 2023-4-25 13:37:21

66666666666666666666

wxrf98xr · 发表于 2023-5-21 18:08:39

需要很久了终于找到了

do827261756 · 发表于 2023-8-24 07:20:22

那三门，你们谁寂寞才快乐撒

cxst1h57 · 发表于 2023-10-17 03:06:47

强烈支持楼主ing……

e8hwl6prw · 发表于 2023-11-15 13:23:28

女生看了弄丢了卡萨诺的卡洛斯

rveqwdpw5 · 发表于 2023-11-30 15:02:14

看看看看看看看看看看看看看看看看看看看看看看看看看看看

账号		自动登录	找回密码
密码			立即注册

[HTML/Xhtml] 谷歌浏览下label与input间距的小问题

相关帖子