td单元格合并时 td宽度问题
导读：收集整理的这篇文章主要介绍了td单元格合并时 td宽度问题，觉得挺不错的，现在分享给大家，也给大家做个参考。 下面示例中，当姓名所在td的宽度是60px，如果第二行里的文字较少时，显示正常，如果第二行里的文字较多时，则显示不正常了...
收集整理的这篇文章主要介绍了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>
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： td单元格合并时 td宽度问题
本文地址： https://pptw.com/jishu/587761.html