嵌套表IE / Safari / Chrome显示问题

Question

我有一对嵌套的表似乎在Firefox中工作正常，但在IE，Chrome和Safari中，显示都搞砸了。

基本上，外部表定义为宽度= 100％，然后该表中的每一行都包含另一个表，该表的宽度= 100％。每个内部表还包含一行，除了一个单元格以外的所有宽度都被定义为x个像素数，并且最后一个单元格被定义为没有宽度（因此它应该填充余额。

在Firefox中，这完全符合我的预期 - 具有未指定宽度的单元格占据行的其余部分。但是，在IE，Safari和Chrome中，没有宽度的单元格看起来宽度为0px，而表格中的其他单元格则分割了剩余的空间。

可以在here（JSFiddle）上看到代码。

Answer 1

在每个没有设置宽度的单元格上执行以下三个步骤：

• 添加不间断的空间。 （ ）
• 设置line-height:0;
• 设置font-size:0;

我经过你的小提琴并在每一行的第三个单元格上做了这个，除了那个有实际内容的那个，并且它被正确渲染。