html - 我无法删除两个输入字段之间的边距

Question

我正在尝试删除搜索栏和“开始!”之间的边距此页面顶部的按钮:http://beta.linksku.com/

我已经尝试删除所有样式并添加 margin:0;padding:0;border:none;，但两个元素之间仍然存在空白。我无法在 JSFiddle 上复制这个问题，但它出现在我网站上的所有浏览器中。

Answer 1

这就是元素作为 inline-block 发挥作用的方式。

一般在使用inline-block元素时，往往是在段落内部使用，所以字母之间的间距一定要保持一致。 inline-block 元素也适用于此规则。

如果你想完全移除空格，你可以 float 元素。

float: left;

您还可以从模板文档中删除空格。像这样:

<input type="text" name="s" tabindex="2" /><input type="submit" value="Go!" class="btn" />