Как управлять высотой TR таблицы в CSS

Я пытаюсь уменьшить пробел между каждым tr в таблице.

Я "table id='recTable' cellspacing="0" cellpadding="0"", это означает, что между каждым tr(подтверждено). Так что только мне нужно сделать, это уменьшить высоту .

Я "height:40px;" для этого, но это делает работу, без изменений.

он всегда показывает 70px height. Но если я установлю большую высоту, как "height:100px;", высота которого больше 70px, тогда он изменится на высоту, которую я установил.

как я могу это сделать?

7
css css-tables tablerow

3 ответов

вы можете установить это явно в своем 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

вам нужно установить высоту или линейную высоту ваших TD или TH в вашем TR.

5

лучше иметь элемент div внутри элемента td и фиксировать высоту элемента div. У меня получилось.

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