IE8 为非显示元素保留空间

Question

我有一个带有表单和选择的简单页面。这些选择的数量设置为不可见，我使用 Javascript (JQuery) 设置可见/不可见的好选项。

将它们设置为不可见的 CSS 是：

select {
   margin:0;
   margin-top:5px;
   padding:0;
   border:0;
   }

.Invisible {
    display:none;
}

它在 Firefox、Opera 和 Chrome 上运行良好，但在 Internet Explorer 8 上当然不行。

它确实使选择不可见，但它为每个选择保留 1 或 2 个像素。

Here is my test page

您可以看到“Modèle”和“Budget”之间有很大的空间......如果您使用“Marque”下拉菜单，您可以看到它更好。

Answer 1

IE 正在渲染您的 </select> 和下一个启动 <select> 之间的空格，如果您删除换行符和这两个元素之间的任何空格，您的神秘空格就会消失。