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

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

WBOY
WBOY原创
2016-05-16 16:38:042157浏览

先码后文

复制代码
代码如下:

-//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就行
声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
上一篇:html设置虚线边框的方法_HTML/Xhtml_网页制作下一篇:html设置字体颜色的方法和使用ps获取html准确字体颜色的方法_HTML/Xhtml_网页制作

相关文章

查看更多