- 38
- 0
遇到个问题,关于 html 中同时设置 table 元素的 table-layout: fixed; 和 width: 100%;的问题:实际结果如下:如果 .container { width: 600px }, 那么如果不设置 width 属性,则 table 的宽度就是 600px如果设置 table 的 width: 100%; 则 table 的宽度是 col 的宽度之和 1920px;我的疑问是:这个 width: 100% 是怎么计算的?当 width: auto | 100% | 具体像素值; 遇上 table-layout: fixed | auto; 又是怎么计算宽度的?有什么资料可以提供查阅吗?我现在只知道会有这样的效果,但是不知道为什么,找了挺久资料也没找到,有了解的大佬可以跟我指个路我去看看?<style>.container { width: 600px;}table { table-layout: fixed; width: 100%; // 这里切换是否设置宽度}</style><div class="container"> <table class="table"> <col style="width: 30px"> <col style="width: 90px"> <col style="width: 200px"> <col style="width: 200px"> <col style="width: 600px"> <col style="width: 300px"> <col style="width: 500px"> <thead class="thead"> <tr> <th> # </th> <th> 姓名 </th> <th> 年龄 </th> <th> 职业 </th> <th> 住址 </th> <th> 兴趣爱好 </th> <th> 其他 </th> </tr> </thead> <tbody> </tbody> </table></div>
0
打赏
收藏
点击回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部

