Jquery IE中表格行之间的垂直空间过大

我正在用HTML和jQuery制作订单。在按下“添加到购物列表”按钮之前，客户必须指定一些参数。当按下按钮时，我有一个函数

AddToBasket

，它提取客户选择的参数，然后在购物列表中追加一行

这在Chrome、Opera和Firefox中运行良好，但出于某种原因，IE在每一行周围增加了大量垂直空间。每行包含一个描述性文本，该文本通常包含两个换行符/换行符。如前所述，在大多数浏览器中，这两行显示得很好，但在IE中，每行周围都有很大的垂直空间，因此我无法同时完全看到列表中的两行

我的购物清单是一个高220像素、宽450像素的HTML表格。下面是表的代码（我将其包装在一个div中）：

---

我已经搜索了堆栈溢出和其他地方来寻找解决方案。我找不到任何人有我的问题，但我尝试了不同的东西，比如在样式中设置

tr{padding bottom:0px}

，但我发现的东西都不能解决我的问题。

如果不亲自测试确切的HTML/CSS，很难说

---

但是，我建议检查表格单元格中任何和所有元素的填充和边距设置—输入元素等等。此外，单元格内文本的行高将影响行高，以及在高度属性顶部添加填充。如果您有一个最终HTML和CSS的示例，那么测试起来可能会更容易。

据我所知，我已经提供了与表格/购物清单相关的所有代码。我没有在我添加到购物列表的元素中添加任何填充，例如，包含复选框、文本框和一些纯文本的行。刚才我在包含复选框和文本框的td中添加了style=“padding:0px；”，但IE中仍然有很多垂直空间。@Dibya-为什么这应该是一个注释？我提供了一个答案。单元中元素的样式是最可能的问题。Sorin-此处定义的所有类的CSS都不明显。这些很可能是罪魁祸首。@Sorin无论你提出什么，都必须引导OP找到解决方案。我可以告诉你，任何问题的最佳答案都是谷歌。如果我们不确定答案应该是什么，我们就没有答案。如果您不确定，请避免回答。

<div style="height:220px;width:450px;font:16px Courier New, Garamond, Serif;overflow:auto;border:2px solid #7AB800">
  <table width="100%" height=30px cellpadding="0" cellspacing="0" border="0" id="orderlist">
    <thead>
      <tr style="color:#FFFFFF" bgcolor="#7AB800">
        <th align="left" width="80">
          DELETE
        </th>
        <th align="left" width="80">
          NUMBER
        </th>
        <th align="left">
          DESCRIPTION
        </th>
        <th class="colMeterType">
           Meter type
        </th>
        <th class="colModuleType">
           Module type
        </th>
        <th class="colOrderOrQuote"></th>
      </tr>
    </thead>
    <tbody id="shoppingListBody" style="height:200px;">
    </tbody>
  </table>
</div>

  $('#orderlist').append('<tr>'+
    '<td align="center" class="rm"><input type="checkbox"/></td>'+
    '<td><input class="numberOfItems" value="1" width="75px" size="3" pattern="[0-9]+" onkeyup="verifyQuantity()" type="text"/></td>'+
    '<td>'+bodyContent +"</td>"+
    '<td class="colMeterType">'+txtMeterType +"</td>"+
    '<td class="colModuleType">'+txtModuleType+ "</td>"+
    '<td class="colOrderOrQuote">'+ txtOrderOrQuote + "</td></tr>");

<style type="text/css">
   .HMalternatives{margin-left:20px;}
   .COMalternatives{margin-left:20px;}
   .colMeterType{display:none;}
   .colModuleType{display:none;}
   .colBestEllerForesp{display:none;}
   .warning{background-color:red;}
   .clear{ cleear:both; line-height: 0; overflow:hidden;}
   hr { border:0; border-top: 2px solid #7AB800 !important; height:0; width:100%; }
</style>