html - Chrome Table Division 处理不同于 IE

Question

我是 CSS 新手。当我在 IE 中运行以下代码时，它按预期排列跨度，将宽度固定为 100px，并根据窗口大小在两侧填充尽可能多的空间。

<table ID="tblRecordCount" style="width:100%">
    <tr>
        <td />
        <td style="width:100px">
            <span ID="lbl1" runat="server">Records1</span>
        </td>
        <td style="width:100px">
            <span ID="lbl2" runat="server">Records2</span>
        </td>
        <td style="width:100px">
            <span ID="lbl3" runat="server">Records3</span>
        </td>
        <td />
    </tr>
</table>

当您在 Chrome 中运行它时，浏览器将第一个 td 宽度设置为 0px 并填充最后一个，或者将第一个和最后一个设置为 0 并拉伸中间的宽度以填充空间。

有什么 CSS 技巧来告诉 Chrome 行为吗？您可以在 jsFiddle 中看到这种行为。