Question

尝试在表格中使用背景大小封面而不是获得我追求的结果。

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

数据列（不包括最左边的列）应该是相等的宽度，但列数是可变的。有时3和其他时间4（包括左标题栏）。

这些数据列的宽度应该足够等于背景图像可以覆盖的宽度。如果另一个中有任何长数据。目前，列的宽度与这些列中的数据完全相关。我想用CSS覆盖这种行为并为列设置最大宽度并使它们等于宽度。所以背景大小的封面会起作用。

有关如何使其发挥作用的任何想法？

Answer 1

只需删除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 {...}。另外，请检查，对于设置图像属性，您应该使用background-image中的tags属性。我专门写了width:auto来表明你不需要为窄列设置width来将宽度设置为表的所有其他空间。 width的{{1}}也是table-cell。因此，min-width中的文字可以更改cells。但width可以通过连字符（it）进行更改。

Example 2

背景大小的封面在一张桌子

1 个答案: