CSSでテーブルの高さを制御する方法

Question

テーブル内の各trの間の空白を減らそうとしています。

私は"table id='recTable' cellspacing=\"0\" cellpadding=\"0\""を設定しました。これは、それぞれtr（確認済）の間にスペースがないことを意味します。ですから、tr自体の高さを減らすだけです。

私はこれを行うために"height:40px;"を使用しましたが、それは仕事をしますが、変更はありません。

常に70px heightを示します。しかし、高さが70pxを超える"height:100px;"のような大きな高さを設定すると、設定した高さに変更されます。

どうすればいいですか？

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

のは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>