CSS Bootstrap AngularJS - 如何減少錶行高度？

我想減少任何錶行的高度在下面的例子plnkr用CSS /引導：CSS Bootstrap AngularJS - 如何減少錶行高度？

https://plnkr.co/edit/ftea6vd1qaPZaXGusZAN

我已經試過許多方法，如：

line-height 
padding 
margin 
height

，並檢查如計算器以及官方文件。沒有任何工作。

我錯過了什麼減少表格中的行高（在屏幕上顯示更多內容）？

感謝，馬丁

來源

2016-10-05 Martin

將此線添加到您的試試''.table> tbody> tr> td {padding：Xpx; }' –

引導有專門的類此table-condensed：

<table class="table table-bordered table-hover table-condensed">

來源

2016-10-05 09:02:00 dfsq

這是正確的答案。但是如果你需要更加濃縮，你需要調整表格單元格的填充。 Bootstrap具有使用規則的（不確定）習慣，具有令人難以置信的高[特異性]（https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity），所以這可能是爲什麼它不起作用爲你之前。 – eliland

您可以使用自舉的類表冷凝

或者，如果你想

更多的自定義你可以把任何你想要的高度的單元內的div：

<td> 
    <div style="height: 20px; overflow:hidden;"> 
     ... 
    </div> 
</td>

來源

2016-10-05 09:17:50 Uberish

CSS Bootstrap AngularJS - 如何減少錶行高度？

回答

相關問題