0

IE7について質問です

テーブルのすべての列の幅を、内容に関係なく同じにしたい

 $("table").each(function(){
        var column =0;

        var totalWidth = $(this).width();
        $('tr:nth-child(1) td',this).each(function(){
            column ++;
        })

        var cellWidth = totalWidth / column;
        $('td', this).css('width', cellWidth);
    })

私のコードは chrome と FF では完全に動作しますが、IE 7 では動作しません。理由はわかりません。誰でもそれについて私を助けることができますか? どうもありがとう!

4

3 に答える 3

2

nth-childは CSS3 セレクターであり、IE 7 ではサポートされていません。別の方法を試してください。

于 2013-08-23T17:15:02.500 に答える
1

すべての列にクラスを配置してから、CSS で設定してみませんか? それは jQuery コードの無駄です。

<td class="col">...</td>

それで...

.col {
    width: 50px;
}

または、ページ/テーブルの特定の割合にする必要がある場合...

.col {
    width: 20%;   /* if 5 columns in the table, make each 20% of table width */
}
于 2013-08-23T17:15:16.557 に答える
1

テーブルのtable-layout

table-layout:fixed;

jqueryを必要としない幅を提供します

于 2013-08-23T17:15:57.547 に答える