web-dev-qa-db-ja.com

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

テーブル内の各tr間の空白を減らしてみます。

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

これを行うために"height:40px;"を使用しましたが、機能せず、変更はありません。

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

どうすればいいですか?

8
Kurt

これは、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/

例の境界線

10
Jason Gennaro

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

5
Barry Kaye

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>
2
Snehlata Shaw