Html 表中的空列重置表宽度

我的代码包含一个需要固定宽度的表。该表基本上有页面浏览链接。列为First、Prev、一些页码、Next、Last。 如果在Chrome和Firefox中填充了这些列中的每一列，或者即使填充了（First，Prev）或（Next，last）中的一列，也会正确呈现该表

但是，如果除页码之外的所有列都为空，则会得到一小行

有趣的是Chrome inspect列出了表的宽度（大约960px；），但是tbody宽度被重置为255px（我的代码中甚至没有使用tbody）。我尝试在每个表、td、tr上设置最小宽度和表布局属性

下面是一个工作代码片段

<div id="maincontent">
        <table id="events_table_end">
            <tr width="100%">
                <td width=5% class="first"></td> 
                <td width=5% ></td> 
                <td width=80%><a href="/events/1?cri=time&amp;order=desc" class="active">1</a></td>
                <td width=5% ></td>
                <td width=5% class="last"></td>
            </tr>
        </table>
    </div>

如果只是将这么多的代码复制到新的HTML文件中，chrome会正确地显示它，而Firefox不会

如有任何意见，将不胜感激

---

注意：我认为这个问题可以在JSFIDLE上重现。请注意表宽是否正确，但正文宽度是否正确。

请尝试从

#events_table_end{}

规则中删除以下声明：

display: block;

如果要为表格设置CSS

display

属性，正确的值应该是

table

。但是您根本不需要设置

display

属性

---

首先，将百分比包装在一个

中“

没有任何区别（在HTML中），它使您的HTML更有效。而且您的小提琴在ff 13（ubuntu）中没有显示问题。我的意思是结果没有改变

display: block;