1

尝试在表格中使用背景尺寸封面并没有得到我想要的结果。

见：http: //jsfiddle.net/pp9st63L/1/

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

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

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

关于如何让它发挥作用的任何想法？

4

1 回答 1

1

只需删除display:blockand max-width，使用widthfor 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总是相同的。

PS对不起我的英语很糟糕。

UPD

也设置width为第一col

例子

更新 2

请检查，那tr { td {...} }是错误的。你应该使用tr td {...}. 还要检查，对于设置图像属性，您应该background-image使用tags. 而且width:auto我专门写了一篇文章来表明您不需要width为窄列设置将其宽度设置为表格的所有其他空间。也widthfortable-cell是一个min-width. 因此，输入的文本cells可以更改width. 但it可以通过连字符 ( word-wrap) 进行更改。

示例 2

于 2014-12-01T22:43:45.603 回答