欢迎来到天天文库
浏览记录
ID:27587608
大小:53.50 KB
页数:6页
时间:2018-12-03
《td单元格合并时td宽度问题》由会员上传分享,免费在线阅读,更多相关内容在学术论文-天天文库。
1、td单元格合并时td宽度问题在对td单元格进行合并后,发现td显示的宽度与设置的宽度明显有差异(ie下)下面示例中,当姓名所在td的宽度是60px,如果第二行里的文字较少时,显示正常,如果第二行里的文字较多时,则显示不正常了代码如下:It;!DOCTYPEHTMLgt:It:htmlgt:It;headgt;It:metahttp-equiv=〃Content-Type〃content=〃text/html;charset=gb2312〃gt;It;titlegt;脚本之家It;/titlegt;It:s
2、tyletype=〃text/css〃gt;.mTable{width:20Opx;border:lpxsolid#666;border-collapse:collapse}.mTabletd{border:lpxsolid#666}It;/stylegt;It;/headgt;It;bodygt;It;tablewidth=/z2OO^cellspacing=//0/zcellpadding=〃O〃class=〃mTable〃gt;It;trgt;It;tdwidth=/z60/zgt:姓名:It;/t
3、dgt;It;tdgt;某某It;/tdgt;1t;/trgt;It;trgt;It;tdcolspan=〃2〃gt;个人简介It;/tdgt;lt;/trgt;It;/tablegt;It:tablewidth=//200"cellspacing="O"cellpadding=〃O〃class=〃mTable〃gt;It;trgt;It;tdwidth="60"gt;姓名:It;/tdgt;It;tdgt;某某It;/tdgt;It;/trgt;It:trgt;It;tdcolspan=〃2〃gt;个人
4、简介个人简介个人简介lt;/tdgt;It;/trgt;It;/tablegt;It;/bodygt;It;/htmlgt:解决方法一:(对第二列td也设置宽度)代码如下:It;!DOCTYPEHTMLgt:It;htmlgt:It;headgt;It;metahttp-equiv=〃Content-Type〃content=〃text/html:charset=gb2312"gt;It;titlegt;脚本之家1t;/titlegt;It:styletype=〃text/css〃gt;.mTable{w
5、idth:200px;border:lpxsolid#666:border-collapse:co1lapse}.mTabletd{border:lpxsolid#666}It;/stylegt;It;/headgt;It;bodygt:It;tablewidth="200"cellspacing="0"cellpadding=z/Ozzclass=z/niTable"gt;It;trgt;It;tdwidth="60"gt;姓名:It;/tdgt;It;tdwidth="140"gt;某某It;/tdg
6、t;It;/trgt;It;trgt;It:tdcolspan=〃2〃gt;个人简介It;/tdgt;1t;/trgt;lt;/tablegt;It:tablewidth=//200"cellspacing=//O"cellpadding=〃O〃class=〃mTable〃gt;It;trgt;1t;tdwidth="60"gt;姓名:It;/tdgt;It:tdwidth=〃l40"gt;某某It;/tdgt;lt;/trgt;lt;trgt:It;tdcolspan="2"gt;个人简介个人简介个人简
7、介It;/tdgt;1t;/trgt;lt;/tablegt;It:/bodygt;It:/htmlgt;解决方法二:(设置table-layout:fixed)代码如下:It;JDOCTYPEHTMLgt:It;htmlgt;It;headgt;It;metahttp-equiv=〃Content-Type〃⑶ntent=〃text/html;charset=gb2312〃gt;It;titlegt;脚本之家It;/titlegt;lt;styletype=〃text/css〃gt;.mTable{wi
8、dth:200px:border:lpxsolid#666;border-co11apse:collapse;table-layout:fixed}.mTabletd{border:lpxsolid#666}It:/stylegt;1t;/headgt;1t;bodygt;It:tablewidth="200"cellspacing=//O"cellpadding=〃O〃class=〃mTable〃gt;It;trgt;1t;
此文档下载收益归作者所有