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

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

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

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

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

修改后的代码:

 

修改后的样式:

Published by

风君子

独自遨游何稽首 揭天掀地慰生平

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注