Question

我对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.我不知道为什么。任何人都可以帮我吗？非常感谢！

Answer 1

nth-child是CSS3选择器，IE 7不支持。尝试别的。

Answer 2

为什么不在所有列上放一个类，然后在CSS中设置它？这只是浪费jQuery代码。

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

则...

.col {
    width: 50px;
}

或者如果你需要它是页面/表格的某个百分比......

.col {
    width: 20%;   /* if 5 columns in the table, make each 20% of table width */
}

Answer 3

将表格的table-layout设置为

table-layout:fixed;

并提供宽度不应该需要jquery然后

用Jquery问题控制表宽度

3 个答案: