2013-04-24 100 views
-3

我遇到過一個問題。這裏是小提琴http://jsfiddle.net/ardeezstyle/a2bPk/1/firefox中th標籤的高度問題

我希望每個列的高度相等。列標題中的文本可以自由流動,包裝。他們可以包裝成多行。

這是代碼的一部分,它使我在mac和windows中的chrome和safari中實現了這一點。

margin:auto; 
height:100%; 
min-height:100%; 

我已經在問題中進行了修正。我希望每個標籤的內容具有相同的高度。

+1

如果你希望你的文字粘在日的頂部每個表格單元格高度等於 – slash197 2013-04-24 10:09:36

+0

,使用'的在垂直align:top;' – Brewal 2013-04-24 10:11:02

+0

內容不能是相同的高度,因爲它的內容不一樣。如果內容有三條線,則它具有「三條線」高度,但是如果有一條線,則它具有「一條線」高度。無論如何,細胞已經具有相同的高度(如slash197所述)。爲了實現覆蓋所有細胞的背景,Sowmya的答案可以做到。 – Arkana 2013-04-24 10:18:19

回答

0

在您的代碼中,您正在爲div編寫bg color而不是th,這就是爲什麼它採用自動調整高度的原因。

你爲什麼不使用這樣

thead tr{ 
    background: #ff0; 
} 

DEMO

+0

我的問題是不同的 – 2013-04-24 10:12:33