来源：自学PHP网 时间：2014-12-15 15:58 作者： 阅读:次
[导读] 在对td单元格进行合并后，发现td显示的宽度与设置的宽度明显有差异（ie下）...
|
在对td单元格进行合并后，发现td显示的宽度与设置的宽度明显有差异（ie下）
复制代码 代码如下:<!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> |
自学PHP网专注网站建设学习,PHP程序学习,平面设计学习，以及操作系统学习
京ICP备14009008号-1@版权所有www.zixuephp.com
网站声明：本站所有视频，教程都由网友上传，站长收集和分享给大家学习使用，如由牵扯版权问题请联系站长邮箱904561283@qq.com
