td单元格合并时td宽度问题.doc
文本预览下载声明
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
显示全部