html - HTML 表格自动调整大小

Question

我有以下 HTML 代码：

    <table cellspacing="0" style="margin:0;padding:0;position:fixed;left:0px;top:0px;width:100%;height:100%;">
    <tr style="padding:0px;margin:0px">
    <td style="padding:0px;margin:0px;height:100%;width:50px;cursor:pointer;"></td>
    <td style="padding:0px;margin:0px;height:100%;min-width:50px;"></td>
    <td style="padding:0px;margin:0px;height:100%;width:50px;cursor:pointer;"></td>
    </tr>
    </table>

它显示一个表格宽度为 3 列。左边和右边应该有一个固定的宽度。中间的应该会自动放大。它在 FireFox 中运行良好，但在 Chrome 中却不行。

谁能告诉我为什么以及如何解决这个问题？

Answer 1

这为我解决了您的问题.. 为固定列添加最小和最大宽度并在中央列上自动设置宽度

<table cellspacing="0" style="margin:0;padding:0;position:fixed;left:0px;top:0px;width:100%;height:100%">
    <tr style="padding:0px;margin:0px;">
    <td style="padding:0px;margin:0px;height:100%;min-width:50px;max-width:50px;cursor:pointer;width:50px"></td>
    <td style="padding:0px;margin:0px;height:100%;min-width:50px;width:100%"></td>
    <td style="padding:0px;margin:0px;height:100%;min-width:50px;max-width:50px;cursor:pointer;width:50px"></td>
    </tr>
    </table>