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を削除するだけで、 for を max-width使用できます。私のために働きます。いくつかの「美しい」には、またはfor を使用することもできます。同じプロパティの場合 (または )は、それらが常に同じになるように設定するポイントです。widthtable cellbackground-size:coverbackground-position:50% 50%background-position:50% 0pximagestable-cellswidth30% 30% 30%30px 30px 30px 30pxwidth

PS私の非常に悪い英語で申し訳ありません。

UPD

width初回も設定col

例

更新 2

確認してください、それtr { td {...} }はエラーでした。を使用する必要がありますtr td {...}。また、画像プロパティを設定するには、プロパティを使用する必要があることも確認してbackground-imageくださいtags。そして、テーブルの他のすべてのスペースに幅を設定するために、狭い列に設定するwidth:auto必要がないことを示すために特別に書きました。widthもwidthです。table-cell_ min-widthそのため、入力されたテキストcellsはwidth. ただしit、ハイフネーション ( word-wrap) によって変更される場合があります。

例 2

于 2014-12-01T22:43:45.603 に答える