html - Firefox 中标签和复选框之间的额外空间

Question

我有一个带有标签的复选框列表，我注意到与 IE 相比，Firefox 中的间距看起来不同。

我已经应用了下面的 CSS 来尝试删除所有间距。

border: 0 none;
margin: 0;
outline: medium none;
padding: 0;

不幸的是，正如您从下面的屏幕截图中看到的那样，Firefox 复选框和标签之间似乎还有一些额外的空间。

火狐:

Internet Explorer

为什么 Firefox 仍然在复选框和标签之间显示空格，而 Internet Explorer 却没有使用相同的 CSS？

Answer 1

简而言之，您看到此信息的原因是此类详细信息并未在任何地方定义为标准，而是归结为“用户代理样式表” - 一组由应用程序应用的默认样式特定的浏览器。

这让许多设计人员/开发人员感到沮丧，并导致开发了某些类型的 CSS 重置样式表。最好的之一(在我看来)是 normalize.css ，旨在提供一致且合理的默认值，消除您所描述的跨浏览器不一致问题。