input按钮两边距离如何消除

使用<input>标签做了两个按钮, 按钮之间间距如何去掉

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

　　

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

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

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

修改后的代码:

 

修改后的样式:

里面的子元素有的字体大小会受到影响！！可以重新设置子元素的字体大小。