61,111
社区成员
发帖
与我相关
我的任务
分享求 table表格 固定 列宽，不随窗口变化调整
想让一个表格的总宽度等于各列的和，且不随之窗口的调整而发生变化
第一个想到了 table-layout: fixed;
IE9 下效果正常， 结果 IE10、chrome 都无法达到预期效果，
求大神支个招，，，，，附上测试代码
第一个想到了 table-layout: fixed;
IE9 下效果正常， 结果 IE10、chrome 都无法达到预期效果，
求大神支个招，，，，，附上测试代码
<html>
<head>
<title>Document</title>
<style type="text/css">
table,th,td{
border: 1px solid black;
}
table{
table-layout:fixed;
}
th,td{
width: 500px;
height: 50px;
}
</style>
</head>
<body>
<table>
<tr>
<th>a00</th>
<th>b00</th>
<th>c00</th>
<th>d00</th>
<th>e00</th>
</tr>
<tr>
<td>a11</td>
<td>b11</td>
<td>c11</td>
<td>d11</td>
<td>e11</td>
</tr>
</table>
</body>
</html>
...全文
请发表友善的回复…
发表回复
cihren 2017-02-24
- 打赏
- 举报
真实环境中表格的宽度是动态生成的，不可预知。
cihren 2017-02-24
- 打赏
- 举报
现在 在 IE10 里 和 cihrom 当浏览器窗口变小时，表格也会变小 的，而且表格宽度远大于浏览器宽度，却被缩小为窗口的100%了
痛苦的火龙果 2017-02-24
- 打赏
- 举报
给table 加个width 你就知道问题出在哪了
痛苦的火龙果 2017-02-24
- 打赏
- 举报
你现在不就是吗？ 总长2500px,和浏览器大小无关
86y 2017-02-24
- 打赏
- 举报
table表格标题栏置顶特效 http://www.86y.org/art_detail.aspx?id=809
cihron 2017-02-24
- 打赏
- 举报
现在 在 IE10 里 和 cihrom 当浏览器窗口变小时，表格也会变小 的，而且表格宽度远大于浏览器宽度，却被缩小为窗口的100%了[/quote]不可预知，那你可以通过js 给table 赋值吧？当你的table 有宽度的时候就一切正常了[/quote]
嗯，js动态修改确实是个办法。
痛苦的火龙果 2017-02-24
- 打赏
- 举报
现在 在 IE10 里 和 cihrom 当浏览器窗口变小时，表格也会变小 的，而且表格宽度远大于浏览器宽度，却被缩小为窗口的100%了[/quote]不可预知，那你可以通过js 给table 赋值吧？当你的table 有宽度的时候就一切正常了
