发现问题
在开发中经常会遇到搜索框组,即一个input输入框和一个button点击搜索框,由于浏览器的解析原因,我想知道但是我没有找到答案,会出现即使是同样的高度,视觉上input组并没有在一条水平线上,以及会出现水平距离上的缝隙。
![这里写图片描述](https://img-blog.csdn.net/20170703221211487?watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvcmVhbERF/font/5a6L5L2T/fontsize/400/fill/I0JBQkFCMA==/dissolve/70/gravity/SouthEast)
解决问题
水平缝隙
水平缝隙问题其实是因为标签之间的换行,产生了空白符,这些空白符某种意义上也算是字符,所以理所当然的占据了一定的空隙,解决的方式有很多,我常用:既然是字符,那么把font设置为0,就解决了。
还有就是书写的时候不换行,当然这样看上去会很别扭,我是不用的。
垂直缝隙