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:fixed;

然后提供一个不需要jquery的宽度

于 2013-08-23T17:15:57.547 回答