脚本宝典收集整理的这篇文章主要介绍了td单元格合并时 td宽度问题，脚本宝典觉得挺不错的，现在分享给大家，也给大家做个参考。
下面示例中，当姓名所在td的
宽度是60px，如果第二行里的文字较少时，显示
正常，如果第二行里的文字较多时，则显示不正常了
<!DOCTY
PE HT
ML>
<html>
<head>
<
;meta http-equiv="Content
-type" content="text/html; charset=gb2312">
<t
ITle>脚本宝典</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>
脚本宝典总结
以上是脚本宝典为你收集整理的td单元格合并时 td宽度问题全部内容，希望文章能够帮你解决td单元格合并时 td宽度问题所遇到的问题。
如果觉得脚本宝典网站内容还不错，欢迎将脚本宝典推荐好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。