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>

HTML表自动大小chrome

1 个答案: