表格中的背景尺寸封面

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