css中table-layout:fixed为什么表格大小会改变?
fixed
table-layout
第一次打开
显示正确
点击删除后
表格变小了。
这是为什么?
订单回收站是一个固定大小的层下面是表格(tablesorter)
<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>
登录后复制
浏览器问题么?
table的宽度最好这样设定: width="500" =>style="width:500px;" 浏览器支持反而更高
最好把table也设个width="928"
你有没有发现你在table里边就设置了width宽度,从来就没设置一下高度,当你表格里边显示内容的时候,表格会随着里边的文字、图片而撑大,一旦删除了信息表格又恢复到了原来的大小,你应该固定table和table里边每一个单元格的高度和宽度。
<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中文网其他相关文章!
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn

热AI工具

Undresser.AI Undress
人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover
用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool
免费脱衣服图片

Clothoff.io
AI脱衣机

Video Face Swap
使用我们完全免费的人工智能换脸工具轻松在任何视频中换脸!

热门文章
刺客信条阴影:贝壳谜语解决方案
3 周前
By DDD
Windows 11 KB5054979中的新功能以及如何解决更新问题
2 周前
By DDD
在哪里可以找到原子中的起重机控制钥匙卡
3 周前
By DDD
<🎜>:死铁路 - 如何完成所有挑战
4 周前
By DDD
Atomfall指南:项目位置,任务指南和技巧
4 周前
By DDD

热工具

记事本++7.3.1
好用且免费的代码编辑器

SublimeText3汉化版
中文版,非常好用

禅工作室 13.0.1
功能强大的PHP集成开发环境

Dreamweaver CS6
视觉化网页开发工具

SublimeText3 Mac版
神级代码编辑软件(SublimeText3)

热门话题
gmail邮箱登陆入口在哪里
7652
15


CakePHP 教程
1393
52


steam的账户名称是什么格式
91
11


win11激活密钥永久
73
19


NYT迷你填字游戏答案
37
110



关于Flex布局中紫色斜线区域的疑问在使用Flex布局时,你可能会遇到一些令人困惑的现象,比如在开发者工具(d...
