表格中的背景尺寸封面

Question

嘗試在表格中使用背景尺寸封面，但沒有得到我想要的結果。

請參閱： http ： //jsfiddle.net/pp9st63L/1/

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

數據列（不包括最左邊的列）應具有相等的寬度，但列數是可變的。 有時是3次，其他時候是4次（包括左標題欄）。

這些數據列的寬度應相等且足以覆蓋背景圖像。 如果對方有長數據。 當前，列的寬度與這些列中的數據完全相關。 我想用CSS覆蓋此行為，並為列設置最大寬度，並使它們的寬度相等。 因此背景大小的封面將起作用。

關於如何使它起作用的任何想法？

Answer 1

只需刪除display:block和max-width ，對table cell使用width 。 background-size:cover對我有用。 對於某些“美麗”的圖片，您還可以使用background-position:50% 50%或background-position:50% 0px用於images 。 對於table-cells相同width屬性的table-cells （ 30% 30% 30%或30px 30px 30px 30px ），可以將這些width設置width始終相同。

PS對不起，我的英語不好。

UPD

同時設置第一個col width

例

UPD 2

請檢查tr { td {...} }是否錯誤。 您應該使用tr td {...} 。 還要檢查，對於設置的圖像屬性，應在tags使用background-image屬性。 和width:auto我特意寫表明你並不需要設置width窄列設置寬度表中的所有其他空間。 還width為table-cell是一個min-width 。 因此， cells文本可以更改width 。 但是， it可能是由連字符（變化word-wrap ）。

例子2