Как контролировать высоту таблицы в CSS - PullRequest
Новая
       26

Как контролировать высоту таблицы в CSS

7 голосов
/ 15 июля 2011

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

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

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

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

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

Ответы [ 3 ]

10 голосов
/ 15 июля 2011

Вы можете установить это явно в вашем 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 голосов
/ 15 июля 2011

Вам необходимо установить высоту или высоту строки вашего TD или TH в пределах вашего TR.

2 голосов
/ 27 июля 2016

Лучше иметь элемент 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>
...