如何解决谷歌浏览的标签与输入间距的问题

  介绍

这篇文章主要介绍了如何解决谷歌浏览的标签与输入间距的问题,具有一定借鉴价值,需要的朋友可以参考下。希望大家阅读完这篇文章后大有收获。下面让小编带着大家一起了解一下。

& lt; !DOCTYPE html公众“-//W3C XHTML 1.0//DTD//EN"过渡;“http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"比;   & lt; html xmlns=癶ttp://www.w3.org/1999/xhtml"比;   & lt; head>   & lt;元http-equiv=癈ontent-Type"内容=皌ext/html;charset=utf-8"/比;   & lt; title>无标题文档& lt;/title>   & lt; style>   div{宽度:500 px;   高度   :500 px;   保证金   :0汽车;边界:# 000固体1 px;}   标签{   显示   :inline-block;宽度:100 px;边界:# 000固体1 px;}   输入{边界:# 000固体1 px;}   & lt;/style>   & lt;/head>   & lt; body>   & lt; div>   & lt; p> & lt; label>账号& lt;/label> & lt;输入类型=皌ext"/祝辞;& lt;/p>   & lt; p> & lt; label>密码& lt;/label> & lt;输入类型=皌ext"/祝辞;& lt;/p>   & lt; p>   & lt; label>   验证码   & lt;/label>   & lt;输入类型=皌ext"/在https://www.yisu.com/zixun/& lt; img src="宽度=" 100 "高度=" 20 "/>   

  
  身体   

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

PS: img和输入没有对齐以前的随笔记录过,只需要分别加个vertical-align:中间就行

感谢你能够认真阅读完这篇文章,希望小编分享如何解决谷歌浏览的标签与输入间距的问题内容对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,遇到问题就找,详细的解决方法等着你来学习!

如何解决谷歌浏览的标签与输入间距的问题