如何解决表格设置table-layout:fixed后对单元格宽度设置无效的问题

本篇内容主要讲解“如何解决表格设置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后对单元格宽度设置无效的问题”有了更深的了解，不妨来实际操作一番吧！这里是编程网网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！