遇到的问题:
使用<input>标签做了两个按钮, 按钮之间有个间距不知道怎么去掉. 如下图:

使用input标签做了两个按钮, 按钮之间间距如何去掉-风君雪科技博客

问题解决:
<input>是内联块状元素(inline-block);

内联元素是当做字体来处理的,字体之间是有间隔的,所以内联元素之间也是有间隔的;

将<input>父级字体(font-size)设为0px,可以消除间隔,但是重新设置内联元素(<input>)的字体大小;

修改后的代码:

使用input标签做了两个按钮, 按钮之间间距如何去掉-风君雪科技博客

 

修改后的样式:

使用input标签做了两个按钮, 按钮之间间距如何去掉-风君雪科技博客