TD的noWrap属性使用注意事项

　TD的noWrap属性使用注意事项

作者：痛饮狂歌　时间： 2003-10-11　文档类型：原创　来自：蓝色理想

☆提出问题：
<td width="28%" align="right" nowrap >
我设置nowrap和不设置nowrap效果都一样。就是表格随着文字自动伸展，为什么？

→回答问题：
TD元素noWrap属性的行为与TD元素的width属性有关。

◆如果未设置TD宽度，则noWrap属性是起作用的。
◆如果设置了TD宽度，则noWrap属性是不起作用的。

示例文件，点击运行按钮，查看效果：
运行代码框
<html> <head> <title>wrap属性研究</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body bgcolor="#FFFFFF" text="#000000"> <p>测试字符串：</p> <p>我终于明白，我其实有一条韧性十足的命，它远比我想象中的那条命结实得多、耐磨的多……</p> <p>单元格未设置nowrap属性的空表：</p> <table width="100" border="1" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> </table> <p>加入测试字符串：</p> <table width="100" border="1" cellspacing="0" cellpadding="0"> <tr> <td>我终于明白，我其实有一条韧性十足的命，它远比我想象中的那条命结实得多、耐磨的多……</td> </tr> </table> <p>单元格设置了nowrap属性，未设置width属性：</p> <table width="100" border="1" cellspacing="0" cellpadding="0"> <tr> <td nowrap>我终于明白，我其实有一条韧性十足的命，它远比我想象中的那条命结实得多、耐磨的多……</td> </tr> </table> <p>单元格设置了nowrap属性，也设置了width属性：</p> <table width="200" border="1" cellspacing="0" cellpadding="0"> <tr> <td width="120" nowrap>我终于明白，我其实有一条韧性十足的命，它远比我想象中的那条命结实得多、耐磨的多……</td> <td> </td> </tr> </table> </body> </html>
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

出处：蓝色理想
责任编辑：风狗

◎进入论坛网页制作、网站综合版块参加讨论

作者文章

Adobe® Reader® 6.0 发布

站点最新

站点最新列表

HTC Sense 体验与体验背后的故事

我希望能再"大气"一些

通过shtml实现重构页面模块化构建

如何设计新手用户引导

27个超漂亮的信息图表

商业产品色彩体系

Treehouse融资60万美元

Solve Media用广告代替验证码

互联网产品"冷启动"问题浅析

用户体验的价值

栏目最新

栏目最新列表

浅谈JavaScript编程语言的编码规范

如何在illustrator中绘制台历

Ps简单绘制一个可爱的铅笔图标

数据同步算法研究

用ps作简单的作品展示页面

CSS定位机制之一:普通流

25个最佳最闪亮的Eclipse开发项目

Illustrator中制作针线缝制文字效果

Photoshop制作印刷凹凸字体

VS2010中创建自定义SQL Rule