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

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/

以边框为例

Answer 2

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

Answer 3

It's better to have a div element inside td element and fix the height of div element. It worked for me.

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