2013-03-18 94 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>