單元格高度是在webkit瀏覽器中忽略的東西

我試圖與tbody和andad高度一起玩，事實證明webkit與其他瀏覽器相反，並不像我預期的那樣運行。單元格高度是在webkit瀏覽器中忽略的東西

我已經設置了td高度。

Here is什麼我談論

how it rendered in webkit

enter image description here

的問題是 - 它的瀏覽器能正常運行，而且即使WebKit的渲染正確的，我怎麼可以把它渲染的項目，就像在非webkit瀏覽器中？

來源

2012-04-25 shabunc

不要將高度設置爲TABLE和TD。選一個。

來源

2012-04-25 20:49:02

那麼，如果我只是想有一些空間沒有底部由於某種原因的情況下 - 像這樣）））） – shabunc 2012-04-26 05:43:06

在這種情況下，將它包裝在一個DIV，並讓表摺疊到頂部。這可以讓您在瀏覽器中保持一致的外觀。 – 2012-04-26 13:20:18

我已經做到了，只有在它發佈這個問題後）））問題是關於如何解決它沒有任何額外的佈局。 – shabunc 2012-04-26 13:22:01

爲您的單元格，使用最小高度而不是高度或兩者。

table { 
    border: 1px solid red; 
    height: 200px; 
    width: 400px; 
} 
thead td { 
    min-height: 10px; 
} 

tbody { 

} 

tbody td { 
    background: pink; 
    min-height: 10px; 
}

來源

2012-04-25 20:53:59 NotJay

好吧，它只是不工作 - http://dabblet.com/gist/2496312 – shabunc 2012-04-26 05:45:10

代碼中有其他東西嗎？因爲它在我的所有瀏覽器中都能正常工作。也許其他一些風格或元素正在干擾這些細胞的特性？！？！否則，我會通過使用填充或div來解決問題。 – NotJay 2012-04-26 12:12:38

你在說什麼http://dabblet.com/gist/2496312？嗯，這非常非常奇怪。 – shabunc 2012-04-26 12:30:37

如果你知道內部單元格的高度，那麼你可以只插入一個僞元素表後：http://dabblet.com/gist/4332648

然而，在這種情況下，有像paddings等:)

更好的解決方案

所以，讓我們假裝我們不知道行數，但我們知道表的高度。如果我們能以某種方式爲它保留位置，那麼我們可以使該表絕對定位，插入非常高的僞元素並使用clip來移除不需要的空間：http://dabblet.com/gist/4332690。如果我們需要一個邊框，那麼另一個僞元素將會有所幫助 - http://dabblet.com/gist/4332702。

我擔心，只有黑客可以模擬你想要的，而沒有其他理想的解決方案。

來源

2012-12-18 22:36:17 kizu

單元格高度是在webkit瀏覽器中忽略的東西

回答

相關問題