Question

我尝试减少表格中每个tr之间的空白区域。

我设置了"table id='recTable' cellspacing=\"0\" cellpadding=\"0\""，这意味着每个tr之间没有空格（确认）。所以我唯一需要做的就是减少tr本身的高度。

我使用"height:40px;"来做这件事，但它确实有效，没有变化。

它始终显示70px height。但是如果我设置一个像"height:100px;"那样高度超过70px的高度，那么它将变为我设置的高度。

我该怎么做？

Answer 1

您可以在css中明确设置。例如：

table#recTable{width:100%; border:1px solid red;}
#recTable tr td {height:40px; border:1px solid red;}

HTML

<table id="recTable">
    <tr><td>Something</td></tr>
    <tr><td>Something else</td></tr>
</table>

http://jsfiddle.net/jasongennaro/qXpLM/

Borders就是例如

Answer 2

您需要在TR中设置TD或TH的高度或行高。

Answer 3

在td元素中有一个div元素并修复div元素的高度会更好。它对我有用。

 <tr>
    <td>
       <div style="max-height:92px;">
         <span style="color: #992222; font-size:36pt;font-family:Arial Baltic;">
         "     </span>
       </div>
   </td>
 </tr>

如何在CSS中控制表的tr高度

3 个答案: