html - 表格中背景大小的封面

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 属性(30% 30% 30% 或 30px 30px 30px 30px)是指向设置那些 width 始终相同。

附言抱歉我的英语很糟糕。

UPD

同时为第一个 col 设置 width

Example

UPD 2

请检查，tr { td {...} } 是错误的。您应该使用 tr td {...} 。 还要检查，对于设置图像属性，您应该在 tags 中使用 background-image 属性。 和 width:auto 我专门写来表明你不需要为窄列设置 width 来将它的宽度设置为表格的所有其他空间。 table-cell 的 width 也是 min-width。因此，单元格 中的文本可以更改宽度。但是 它 可以通过连字符 (word-wrap) 来改变。

Example 2