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

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

  

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

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

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

修改后的代码:

 

修改后的样式:

 

 

参考内容:http://www.imooc.com/qadetail/66458

  

posted @ 2016-08-16 17:37  Timachine  阅读(14186)  评论(1编辑  收藏  举报