去除顶部和底部的单元格填充

Question

我想知道为什么顶部和底部都有填充物。 我希望“评论者”和“日期”周围没有任何填充。 我将cellspacing和cellpadding设置为零。 有什么方法可以使用CSS移除它吗？

 <table width="100%" border="0" align="right" cellpadding="0" cellspacing="0"> <tr> <td width="46%" rowspan="2">&nbsp;</td> <td width="1%" height="39">&nbsp;</td> <td width="19%">&nbsp;</td> <td width="22%"> <p> <label for="Reviewd by"><br /> </label> <p> </p> </td> <td width="10%">&nbsp;</td> <td width="10%"><br></td> <td width="2%" rowspan="2">&nbsp;</td> </tr> <tr> <td width="1%" height="81" style="border:3px solid black; border-right:hidden;">&nbsp;</td> <td width="19%" style="border:3px solid black; border-right:hidden; border-left:hidden;"> <p>Reviewed by<br /> <label for="Reviewd by5"></label> <input type="text" name="Reviewd by" id="Reviewd by5" /> </p> </td> <td style="border: 3px solid black; border-left: hidden; font-size: 6pt;"> <p>&nbsp;</p> <p> <select name="month6"> <option value="1">January </option> <option value="2">February </option> <option value="3">March </option> <option value="4">April </option> <option value="5">May </option> <option value="6">June </option> <option value="7">July </option> <option value="8">August </option> <option value="9">September </option> <option value="10">October </option> <option value="11">November </option> <option value="12">December </option> </select> <select name="day6"> <option value="1">1 </option> <option value="2">2 </option> <option value="3">3 </option> <option value="4">4 </option> <option value="5">5 </option> <option value="6">6 </option> <option value="7">7 </option> <option value="8">8 </option> <option value="9">9 </option> <option value="10">10 </option> <option value="11">11 </option> <option value="12">12 </option> <option value="13">13 </option> <option value="14">14 </option> <option value="15">15 </option> <option value="16">16 </option> <option value="17">17 </option> <option value="18">18 </option> <option value="19">19 </option> <option value="20">20 </option> <option value="21">21 </option> <option value="22">22 </option> <option value="23">23 </option> <option value="24">24 </option> <option value="25">25 </option> <option value="26">26 </option> <option value="27">27 </option> <option value="28">28 </option> <option value="29">29 </option> <option value="30">30 </option> <option value="31">31 </option> </select> <select name="year6"> <option value="2002">2002 </option> <option value="2003">2003 </option> <option value="2004">2004 </option> <option value="2005">2005 </option> <option value="2006">2006 </option> <option value="2007">2007 </option> <option value="2008">2008 </option> <option value="2009">2009 </option> <option value="2010">2010 </option> <option value="2011">2011 </option> <option value="2012">2012 </option> <option value="2013">2013 </option> <option value="2014">2014 </option> </select> </p> </td> <td width="10%">&nbsp;</td> <td width="10%"><img src="images/EQUALHOUSING.PNG" width="79" height="76" /></td> </tr> </table> 

Answer 1

这不是填充。 行中的单元始终具有相同的高度。 在您的示例中，“填充是由“审阅者”之前的单元格引起的-高度设置为81px。如果浏览器窗口较小，则“填充”来自“日期”单元格中的自动换行

Answer 2

除上述答案外，还可能有一个元素，按钮或图像，可能只有在悬停时才看不见，并且高度较大，这会阻止行垂直收缩。