当table设置了table-layout:fixed后,就会将表格的宽度固定住,多余的内容会隐藏,尤其在第一行出现合并列的情况,下面的列的宽度是失效的,因此可以在加一行并进行隐藏;
<table border="1" cellspacing="1" cellpadding="1" style="table-layout:fixed;width:200px;">
<tr style="display:none" mce_style="display:none">
<td style="width:100px"></td>
<td style="width:80px"></td>
<td style="width:20px"></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>
或者为可以添加为
<table border="1" cellspacing="1" cellpadding="1" style="table-layout:fixed;width:200px;">
<colgroup>
<col style="width:100px"></col>
<col style="width:80px"></col>
<col style="width:20px"></col>
</colgroup>
<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>
同时在设置固定的宽度的时候要设置表格内的文字内容强制换行,一般fixed使用在固定表格的布局中。