CSS'de tablonun yüksekliği nasıl kontrol edilir

Question

Tablodaki her tr arasındaki boşluğu azaltmaya çalışıyorum.

"table id='recTable' cellspacing=\"0\" cellpadding=\"0\""'u ayarladık, yani her bir tr arasında (boşluk) boş alan olmadığı anlamına gelir. Yani sadece yapmam gereken şey, tr'un yüksekliğini azaltmaktır.

Bunu yapmak için "height:40px;"'u kullandım, ancak iş yok, değişiklik yok.

Her zaman bir 70px height gösterir. Ancak, yükseklik 70px'den daha fazla olan "height:100px;" gibi büyük bir yükseklik ayarlarsam, o zaman ayarladığım yüksekliğe değişir.

Bunu nasıl yapabilirim?

Answer 1

Bunu açıkça css'inizde ayarlayabilirsiniz. Örneğin:

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/

Sınırlar sadece örnek

Answer 2

TD'nizin veya TH'nizin TR yüksekliğinizin boyunu veya çizgi yüksekliğini ayarlamanız gerekir.

Answer 3

O td öğenin içinde bir div öğesi ve div öğesinin yüksekliğini düzeltmek için daha iyidir için . Benim için çalıştı.

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