如何控制CSS中表格的tr高度

我嘗試減少表格中每個tr之間的空白。如何控制CSS中表格的tr高度

我已經設置了"table id='recTable' cellspacing=\"0\" cellpadding=\"0\""，這意味着每個tr（已確認）之間沒有空格。所以我只需要減少tr本身的高度。

我用"height:40px;"這樣做，但它的工作，沒有變化。

它總是顯示一個70px height。但是如果我設置了一個高度高於0123px的高度，那麼它會改變爲我設置的高度。

我該怎麼辦？

來源

2011-07-15 Kurt

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

請在positing之前搜索！ – Jawad

你可以在你的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/

國界只是舉例

來源

2011-07-15 15:45:00

您需要在TR內設置TD或TH的高度或線高。

來源

2011-07-15 15:38:58

在我的情況下，我不得不同時設置這個工作。 – arlomedia

最好是擁有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>

來源

2016-07-27 10:37:32

請問爲什麼這是downvoted？將div放入單元格的解決方案對很多人都有效。正如上面提出的那樣，只是設計高度，並不能使內容不會擴大td（請參閱Jason Gennaro的小提琴）。 –

如何控制CSS中表格的tr高度

回答

相關問題