第一次開啟
顯示正確
點擊刪除後
##表格變小了。 這是為什麼?訂單回收站是一個固定大小的層下面是表格(tablesorter)
<div class="tableHeader" style="max-width:90%">订单回收站</div> <table class="tablesorter" cellspacing="1" style="word-break:break-all;table-layout:fixed;"> <thead> <tr> <th style="width:40px;">选择</th> <th style="width:100px;">品名</th> <th style="width:70px;">照片</th> <th style="width:80px;">订货时间</th> <th style="width:90px;">颜色</th> <th style="width:50px;">数量</th> <th style="width:60px;">单价</th> <th style="width:60px;">总价</th> <th style="width:100px;">生产状态</th> <th style="width:100px;">备注</th> <th style="width:80px;">客户</th> </tr> </thead> <tbody> <tr> <td><input name="chk_list" type="checkbox" value='2134' /></td> <td>DP-TA-88</td> <td><a href='../PriceList/bigPhoto/DP-TA-88.jpg' class='highslide' onclick='return hs.expand(this)'> <img src='../PriceList/smallPhoto/DP-TA-88.jpg' alt='照片' onerror=this.src='../images/noPhoto.png' onload='ReSizeImage(this,70,70);'></a> </td> <td>2011/9/19<br /><font color="#FF0000">2011/9/19</font><br />剩 -1天</td> <td>如图</td> <td>1</td> <td>0</td> <td>0</td> <td></td> <td></td> <td>世贸其他</td> </tr> </tbody> </table>瀏覽器問題麼?
#table的寬度最好這樣設定: width="500" =>style="width:500px;" 瀏覽器支援反而更高
最好把table也設個width="928"
<style type="text/css"> th{height:50px} td{height:100px} </style> </HEAD> <BODY> <div class="tableHeader" style="width:928px;background-color:red">订单回收站</div> <table border="1" class="tablesorter" cellspacing="1" style="word-break:break-all;table-layout:fixed;width:928px"> <thead> <tr> <th style="width:40px;">选择</th> <th style="width:100px;">品名</th> <th style="width:70px;">照片</th> <th style="width:80px;">订货时间</th> <th style="width:90px;">颜色</th> <th style="width:50px;">数量</th> <th style="width:60px;">单价</th> <th style="width:60px;">总价</th> <th style="width:100px;">生产状态</th> <th style="width:100px;">备注</th> <th style="width:80px;">客户</th> </tr> </thead> <tbody> <tr> <td><input name="chk_list" type="checkbox" value='2134' /></td> <td>DP-TA-88</td> <td><a href='../PriceList/bigPhoto/DP-TA-88.jpg' class='highslide' onclick='return hs.expand(this)'> <img src='../PriceList/smallPhoto/DP-TA-88.jpg' alt='照片' onerror=this.src='../images/noPhoto.png' onload='ReSizeImage(this,70,70);'></a> </td> <td>2011/9/19<br /><font color="#FF0000">2011/9/19</font><br />剩 -1天</td> <td>如图</td> <td>1</td> <td>0</td> <td>0</td> <td></td> <td></td> <td>世贸其他</td> </tr> </tbody> </table> </BODY>前面也有人提到了,div設定了寬度,table也最好設定一下,然後th和td都要設定一個固定的高度,看情況而定。 。我為div加了顏色只是為了讓你能更清楚的看到div和table的寬度是一樣的,待會你刪掉就ok了。
#
以上是css中table-layout:fixed為什麼表格大小會改變?的詳細內容。更多資訊請關注PHP中文網其他相關文章!