2011-07-15 5 views
7

テーブル内の各trの間の空白を減らそうとしています。CSSでテーブルの高さを制御する方法

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

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

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

どうすればいいですか?

+0

http://stackoverflow.com/questions/2092696/how-to-fix-height-of-tr – Jawad

+1

ポジショニングする前に検索してみてください! – Jawad

答えて

10

これはあなたの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/

国境は単なる一例

5

TR内のTDまたはTHの高さまたは高さを設定する必要があります。

+0

私の場合は、この作業を行うために両方を設定する必要がありました。 – arlomedia

1

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

なぜこれが下落投票されたのか聞いてもよろしいですか?細胞の中にdivを入れるという解決策は、多くの人に役立った。上で提案したように高さをスタイリングするだけでは、コンテンツがtdを拡張することはありません(Jason Gennaroのフィドル参照)。 –

関連する問題