两个input之间有间隙

实在搞不懂两个input之间怎么会有间隙呢,被这个问题折磨了好几天,

代码如下:

input代码

效果如下:

浏览器效果

火狐浏览器检查元素:先将button宽度调整为25px,

代码之间出现o符号

求大牛普及一下这个现象原理,解救web强迫症新人...

检查该符号

解决办法:

1、改变HTML结构,input之间不要换行

改变HTML结构清除input间隙

2、给第一个input添加左浮动

给第一个input添加左浮动

更正后效果:

纠正后效果
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 本文转发自github, 原文地址 前端开发知识点: 作为一名前端工程师,无论工作年头长短都应该掌握的知识点: 此...
    XDUZ阅读 629评论 0 8
  • 基于html5的移动web页面搭建技术总结1.技术要点1.1面向不同尺寸的手机屏幕,页面布局适配问题。 网页的he...
    敲代码的张阅读 339评论 0 0
  • meta基础知识 H5页面窗口自动调整到设备宽度,并禁止用户缩放页面 忽略将页面中的数字识别为电话号码 忽略And...
    Mycro阅读 597评论 0 2
  • 这是一个最好的时代,因为我们站在潮流中;但也是一个最坏的时代,因为我们站在潮头上。 META相关 1. 添加到主屏...
    泡芙小姐110阅读 720评论 3 17
  • 小时候,村里来了批城里人,来学工学农。他们被安排到每家每户。记得我家被安排来了个美丽的大姐姐。她姓梅,我叫她梅姐姐...
    A寒秋阅读 314评论 18 16