td单元格合并时 td宽度问题

下面示例中，当姓名所在td的宽度是60px，如果第二行里的文字较少时，显示正常，如果第二行里的文字较多时，则显示不正常了复制代码代码如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>脚本之家</title> <style type="text/css"> .mTable{width:200px;border:1px solid #666;border-collapse:collapse} .mTable td{border:1px solid #666} </style> </head> <body> <table width="200" cellspacing="0" cellpadding="0" class="mTable"> <tr> <td width="60">姓名：</td> <td>某某</td> </tr> <tr> <td colspan="2">个人简介</td> </tr> </table> <table width="200" cellspacing="0" cellpadding="0" class="mTable"> <tr> <td width="60">姓名：</td> <td>某某</td> </tr> <tr> <td colspan="2">个人简介个人简介个人简介</td> </tr> </table> </body> </html> 解决方法一：（对第二列td也设置宽度）复制代码代码如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>脚本之家</title> <style type="text/css"> .mTable{width:200px;border:1px solid #666;border-collapse:collapse} .mTable td{border:1px solid #666} </style> </head> <body> <table width="200" cellspacing="0" cellpadding="0" class="mTable"> <tr> <td width="60">姓名：</td> <td width="140">某某</td> </tr> <tr> <td colspan="2">个人简介</td> </tr> </table> <table width="200" cellspacing="0" cellpadding="0" class="mTable"> <tr> <td width="60">姓名：</td> <td width="140">某某</td> </tr> <tr> <td colspan="2">个人简介个人简介个人简介</td> </tr> </table> </body> </html> 解决方法二：（设置table-layout:fixed）复制代码代码如下: <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>脚本之家</title> <style type="text/css"> .mTable{width:200px;border:1px solid #666;border-collapse:collapse;table-layout:fixed} .mTable td{border:1px solid #666} </style> </head> <body> <table width="200" cellspacing="0" cellpadding="0" class="mTable"> <tr> <td width="60">姓名：</td> <td>某某</td> </tr> <tr> <td colspan="2">个人简介</td> </tr> </table> <table width="200" cellspacing="0" cellpadding="0" class="mTable"> <tr> <td width="60">姓名：</td> <td>某某</td> </tr> <tr> <td colspan="2">个人简介个人简介个人简介</td> </tr> </table> </body> </html>

　　推荐阅读

　　XHTML标签语义化介绍

首先说明的一点是，人可以通过视觉的划分判断内容的语义,搜索引擎看到的只是代码。搜索引擎只能通过标签来判断内容的语义。以前我真的没有怎么重视过搜索引擎，现在开始比较在意了，因为页面的很大一部分流量是>>>详细阅读

本文标题：td单元格合并时 td宽度问题

地址：http://www.17bianji.com/kaifa2/XML/15572.html

1/2 1