本篇内容主要讲解“如何解决表格设置table-layout:fixed后对单元格宽度设置无效的问题”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“如何解决表格设置table-layout:fixed后对单元格宽度设置无效的问题”吧!
解决方法一：
在tbody前加
代码如下:
<col />
<col />
<col />
解决方法二：
设置一个隐藏的行来规定宽度：
代码如下
<table border="1" cellspacing="1" cellpadding="1">
<tr >
<td ></td>
<td ></td>
<td ></td>
</tr>
<tr>
<td>1</td>
<td colspan="2">2</td>
</tr>
<tr>
<td>1.1</td>
<td>2.1</td>
<td>2.2</td>
</tr>
</table>
这个方法，在IE6,IE7，IE8中都可以正确地显示，但在非IE中，是没起作用的。下面给出另外一种方法：
代码如下:
<style>
td{border:1px solid red;}
</style>
<table border="0" cellspacing="1" cellpadding="1">
<tr >
<th ></th>
<th ></th>
<th ></th>
</tr>
<tr>
<td>1</td>
<td colspan="2">2</td>
</tr>
<tr>
<td>1.1</td>
<td>2.1</td>
<td>2.2</td>
</tr>
</table>
到此，相信大家对“如何解决表格设置table-layout:fixed后对单元格宽度设置无效的问题”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
