TD的noWrap属性使用注意事项 -pc6资讯

您的位置：首页 → 网页设计 → HTML/CSS → TD的noWrap属性使用注意事项

TD的noWrap属性使用注意事项 时间：2004/11/7 2:41:00来源：本站整理作者：蓝点我要评论(0)

☆提出问题：
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"> 测试字符串： 我终于明白，我其实有一条韧性十足的命，它远比我想象中的那条命结实得多、耐磨的多…… 单元格未设置nowrap属性的空表： <table width="100" border="1" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> </table> 加入测试字符串： <table width="100" border="1" cellspacing="0" cellpadding="0"> <tr> <td>我终于明白，我其实有一条韧性十足的命，它远比我想象中的那条命结实得多、耐磨的多……</td> </tr> </table> 单元格设置了nowrap属性，未设置width属性： <table width="100" border="1" cellspacing="0" cellpadding="0"> <tr> <td nowrap>我终于明白，我其实有一条韧性十足的命，它远比我想象中的那条命结实得多、耐磨的多……</td> </tr> </table> 单元格设置了nowrap属性，也设置了width属性： <table width="200" border="1" cellspacing="0" cellpadding="0"> <tr> <td width="120" nowrap>我终于明白，我其实有一条韧性十足的命，它远比我想象中的那条命结实得多、耐磨的多……</td> <td> </td> </tr> </table> </body> </html>
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

文章评论

查看所有0条评论>>

热门文章 没有查询到任何记录。