我如何在CSS

定義的最小高度爲TBODY要設置在CSS的tbody的最低高度，即使在沒有TBODY <tr><td></td></tr>，這裏是我的代碼：我如何在CSS

tbody{ 
    height: 500px; 
    min-height:500px; 
}

，但它不工作。所以我應該怎麼做才能實現呢？謝謝。

來源

2013-03-20 hiway

代碼放在小提琴... – 2013-03-20 09:08:08

顯示更多的代碼，所以我們理解你希望達到什麼。這可能是表格不適合你想要做的標記的正確選擇。 – drmonkeyninja 2013-03-20 09:15:57

如果沒有內容，可能還需要添加「寬度」... – 2013-03-20 09:23:42

爲什麼你想要這樣做？

最小高度和高度適用於塊級元素，而表不是塊級元素。將你的表格包裹在一個div（比如div.table-wrap）中，並將最小高度應用到該div。

如果你不希望表格佈局對你不重要，那麼只需將display:block添加到tbody的CSS。

來源

2013-03-20 09:12:58

對不起，我不知道min-height不能應用於tbody元素。如果'tbody'中沒有內容，我想'tbody'離開'thead'離開一些空間，並且我只是試着添加'display：block'，這使得表格看起來非常難看。也許我應該使用'div'元素。謝謝。 – hiway 2013-03-20 09:59:21

表格可以有多個。我希望他們是一個最小高度。 – 2014-08-30 17:57:57

-1

你需要添加display：block;太。

來源

2013-03-20 09:11:05

-1

也許你正在使用IE 5或6.爲什麼不使用高度呢？嘗試刪除最小高度是因爲在同一元素上設置高度和最小高度沒有意義，因爲您將獲得的是固定高度而不是最小高度。

來源

2013-03-20 09:19:20

你可以加上'height：80％;最小高度：400像素;'。你的回答對這個問題沒有幫助。 – 2013-03-26 09:22:43

我認爲這會做，

table{height:500px !important;}

現在這個!important將使其自願的，它會很容易被其他屬性覆蓋。

tbody不帶高度屬性。

根據CSS的標準化，它僅包含4個屬性'align'，'char'，'charoff'&'valign'。

這也適用於在剩餘空間中添加相同大小和單元格間距的單元格。

tbody{ 
    height:500px; 
    display:block; 
}

嘗試和答覆，我希望這會做:)

來源

2013-03-20 09:26:05 MarmiK

最小高度將被tbody標記完全忽略 – 2013-03-20 09:28:36

是不會支持的，我再次參考了代碼並對其進行了修改:) – MarmiK 2013-03-20 09:35:49

希望這個演示會爲你工作...

的CSS：

tbody{ 
    height: auto; 
    min-height:200px; 
    display:block 
    }

Fiddle

來源

2013-03-20 09:28:44

這對我不起作用。 – 2014-08-30 17:58:33

我們需要<tbody>的最小高度，因爲我們無法注入其他HTML元素ents（用戶內容）。我找到了一個修復。

高度適用於空表，但如果空表在Chrome（59）中有空的tbody，則不適用 - 適用於Firefox和Egde。另外隱藏的其他案例<tr>提供了問題，請參閱JSFiddle所有情況。

CSS：

.test { 
    border: 1px solid red; 
    height: 60px; 
}

HTML：

Empty table: 
<table class=test> 

</table> 

Empty tbody: 
<table class=test> 
    <tbody></tbody> 
</table>

鉻59：

邊緣（14），IE（11），火狐（54）：

修正這個搭配：

tbody:before { 
    content: ''/* needed for chrome*/ 
}

見updated JSFiddle

來源

2017-07-13 14:38:20 Julian

回答

相關問題