table-layout:fixed 为什么表格大小会改变?
时间:2011-09-20
来源:互联网
第一次打开
显示正确
点击删除后
表格变小了。
这是为什么?
订单回收站是一个固定大小的层下面是表格(tablesorter)
HTML code

点击删除后

这是为什么?
订单回收站是一个固定大小的层下面是表格(tablesorter)
HTML code
<div class="tableHeader" style="width:928px">订单回收站</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>
作者: yingwx2001 发布时间: 2011-09-20
浏览器问题么?
table的宽度最好这样设定: width="500" =>style="width:500px;" 浏览器支持反而更高
最好把table也设个width="928"
table的宽度最好这样设定: width="500" =>style="width:500px;" 浏览器支持反而更高
最好把table也设个width="928"
作者: wz_307 发布时间: 2011-09-20
楼主,你有没有发现你在table里边就设置了width宽度,从来就没设置一下高度,当你表格里边显示内容的时候,表格会随着里边的文字、图片而撑大,一旦删除了信息表格又恢复到了原来的大小,你应该固定table和table里边每一个单元格的高度和宽度。
作者: missgd152 发布时间: 2011-09-20
<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了。
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了。
作者: missgd152 发布时间: 2011-09-20
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读:74
-
如何安装mysql8.0
阅读:31
-
Word快速设置标题样式步骤详解
阅读:28
-
20+道必知必会的Vue面试题(附答案解析)
阅读:37
-
HTML如何制作表单
阅读:22
-
百词斩可以改天数吗?当然可以,4个步骤轻松修改天数!
阅读:31
-
ET文件格式和XLS格式文件之间如何转化?
阅读:24
-
react和vue的区别及优缺点是什么
阅读:121
-
支付宝人脸识别如何关闭?
阅读:21
-
腾讯微云怎么修改照片或视频备份路径?
阅读:28