首页 > web前端 > html教程 > 谷歌浏览下label与input间距的小问题_HTML/Xhtml_网页制作

谷歌浏览下label与input间距的小问题_HTML/Xhtml_网页制作

WBOY
发布: 2016-05-16 16:38:04
原创
2236 人浏览过

先码后文

复制代码
代码如下:

-//W3C//DTD XHTML 1.0 Transitional//EN”“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

<头>
>
无标题文档
<风格>
div {宽度:500px;高度:500px;保证金:0 自动;边框:#000 实心 1px;}
标签 { 显示:内联块;宽度:100px;边框:#000 实心 1px;}
输入 { 边框:#000 实心 1px;}
;

<身体>
;




验证码标签>
<输入类型=“文本”/>






谷歌打开如下效果

 

验证码的标签和输入之间的间隔明显较上面两个大,将验证码代码的换行去掉,并为一行之后,三个input框就对齐了,原因还不晓得。

PS:img和input没有对齐之前的随笔记录过,只需要分别加一个vertical-align:middle就行
相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门推荐
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板