表格中的背景大小的封面

試圖在表格中使用背景大小封面並且沒有得到我所追求的結果。表格中的背景大小的封面

.image th { 
    background-size: cover !important; 
    height: 300px; 
    width: auto; 
}

的數據列（不包括最左列）應該等於寬度，但是列數是可變的。有時3次和其他4次（包括左側標題欄）。

這些數據列的寬度應該相等且足夠背景圖像可以覆蓋。如果在另一個有任何長數據。目前，列的寬度純粹與這些列中的數據相關。我想用CSS覆蓋這種行爲，併爲列設置最大寬度並使它們寬度相等。所以背景大小的封面將起作用。

有關如何使此工作的任何想法？

來源

2014-12-01 Martin

http://stackoverflow.com/questions/4019604/chrome-safari-ignoring-max-width-in-table?answertab=active#tab-top – Pevara 2014-12-01 22:44:49

剛刪除display:block和max-width，使用width爲table cell。 background-size:cover適合我。對於某些'美麗'，你也可以使用background-position:50% 50%或background-position:50% 0px代替images。對於table-cells相同的width屬性（30% 30% 30%或30px 30px 30px 30px）是指定那些width永遠是一樣的。

P.S.對不起，我的英語很糟糕。

UPD

還設置width第一個col

Example

UPD 2

請檢查，這是tr { td {...} }錯誤。你應該使用tr td {...}。另請檢查，對於設置圖像屬性，您應該使用屬性tags。和width:auto我特地寫了一個表示你不需要爲窄列設置width來將它的寬度設置爲表的所有其他空間。另外width對於table-cell是min-width。因此，cells中的文字可以更改width。但it可能會被連字符（word-wrap）更改。

Example 2

來源

2014-12-01 22:43:45 CnapoB

感謝@cnapoB - 如果刪除第四列標題欄（左側）不再狹窄（>寬度：60px;）請參閱：http://jsfiddle.net/pp9st63L/5/ – Martin 2014-12-01 23:06:15

@Martin請參閱UPD2 – CnapoB 2014-12-01 23:33:44

感謝您的幫助 – Martin 2014-12-02 05:48:14

表格中的背景大小的封面

回答

相關問題