Question

我的表格结构如下：

<table cellspacing=0 cellpadding=0 cols=17 border=0 id="table" width="1250" >
<colgroup>
    <col width=0>
    <col width=45>
    <col class="coldroup_3">
    <col class="coldroup_3">
    <col class="coldroup_3">
    <col class="coldroup_3">
    <col class="coldroup_3">
    <col class="coldroup_3">
    <col class="coldroup_3">
    <col class="coldroup_3">
    <col class="coldroup_3">
    <col class="coldroup_3">
    <col class="coldroup_3">
    <col class="coldroup_3">
    <col class="coldroup_3">
    <col class="coldroup_3">
    <col class="coldroup_3">
</colgroup>
<tbody>     
    <tr>
            ......
            ......

我对类coldroup_3的css是

.coldroup_3{
    width: 70px;
}

这里基于我正在显示和隐藏列的一些条件，例如，如果我只需要显示五列，那么我使用JQuery show（）＆amp; amp隐藏其余列。 hide（）方法。

问题是，我在这里尝试使用CSS在该表中居中

margin: 0 auto;

这里隐藏的列也采用了我使用CSS设置的70px宽度，因此我显示的列没有与中心对齐。

注意：问题仅出在Firefox中，剩下的浏览器都没问题。

有关如何实现这一目标的任何帮助？

Answer 1

在对您的问题进行一些阅读之后，您可能只需要...

   .colhidden {
       width: 0px;
   }

然后在你使用.hide（）/ .show（）的相同jQuery调用中，使用.removeClass和.addClass（）函数来添加/删除类......所以

   $('bla').removeClass('coldroup_3').addClass('colhidden');

http://api.jquery.com/removeClass/

http://api.jquery.com/addClass/

将html表对齐到Firefox中的中心问题

1 个答案: