文档详情

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

发布:2019-03-15约2.09千字共6页下载文档
文本预览下载声明
td单元格合并时 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某某/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 详细出处参考:/web/38325.html
显示全部
相似文档