当前位置：首页 → 问答吧 → 用colspan合并单元格内文字换行，却导致其他单位格列宽变化要怎么解决？

用colspan合并单元格内文字换行，却导致其他单位格列宽变化要怎么解决？

时间：2011-12-17

来源：互联网

文字采用20px的字，不能变更大小；表格宽度为271，不能再加宽

例1：
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>测试表格</TITLE>
<style type="text/css">
TD {FONT-SIZE: 20px; LINE-HEIGHT: 24px}
</style>
</HEAD>

<table border=1 cellpadding=2 cellspacing=1 width=271>
<tr align=center>
<td width=40>姓名</td>
<td width=80>欧阳常林</td>
<td width=40>职务</td>
<td>行政主管</td>
</tr>
</table>

这时显示正常，4个列的文字显示均没有换行，但是后面使用合并了单元格的表格行后

例2：
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=gb2312">
<TITLE>测试表格</TITLE>
<style type="text/css">
td {FONT-SIZE: 19px; LINE-HEIGHT: 24px}
</style>
</HEAD>

<table border=1 cellpadding=2 cellspacing=1 width=131>
<tr align=center>
<td width=40>姓名</td>
<td width=80>欧阳常林</td>
<td width=40>职务</td>
<td>行政主管</td>
</tr>
<tr> 
<td colspan=3>该人物被评为年度优秀人物</td> 
<td align=center>给予奖励</td>
</tr>
</table>

由于合并的单元格文字较多，自动换行，但是自动换行后：
第1、2、3列全部全宽，文字也由居中变为偏左，而第4列变窄，文字换行
由于合并的单元格内的文字经常变动，不宜用<br>强制换行，这种情况下

请问要用什么办法才能使使列宽恢复到例1的的正常情况

作者: duhuanyu 发布时间: 2011-12-17

table
{
table-layout:fixed;
}

作者: Acesidonu 发布时间: 2011-12-17

把第二个表格width属性调大点，或者两个表格都不设置width属性

这样可以

作者: zailushang3301 发布时间: 2011-12-17