这次给大家带来谷歌浏览的label与input间距问题应该如何解决，解决谷歌浏览的label与input间距问题的注意事项有哪些，下面就是实战案例，一起来看一下。
无标题文档 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;}
验证码的label和input之间的间距明显较上面两个大，将验证码代码的换行去掉，并为一行之后，三个input框就对齐了，原因还不晓得。
PS：img和input没有对齐以前的随笔记录过，只需要分别加个vertical-align:middle就行
相信看了这些案例你已经掌握了方法，更多精彩请关注创想鸟其它相关文章！
相关阅读：
怎样解决textarea标签大小不可变不能通过鼠标拖动的方式来拖动的问题
如何使用CSS对TD中INPUT的宽度设置
怎样实现meta标签中的viewport来控制设备屏幕的css属性
单选和多选按钮如何给图片加样式
以上就是谷歌浏览的label与input间距问题应该如何解决的详细内容，更多请关注创想鸟其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至 chuangxiangniao@163.com 举报，一经查实，本站将立刻删除。
发布者：程序猿，转转请注明出处：https://www.chuangxiangniao.com/p/1545749.html
微信扫一扫 
支付宝扫一扫 
