2013-03-18 80 views
-1

我有以下HTML的代码: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中无法正常工作。

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

+0

它是如何在Chrome中“不工作”的宽度自动?它有什么作用?你期望它做什么? – 2013-03-18 19:35:17

回答

2

这解决您的问题,我..加入最小和最大宽度为固定列,使中柱

<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>