TD的noWrap属性运用留意事项-HTML教程-爱易网页

TD的noWrap属性运用留意事项

日期：2013-09-20　浏览次数：21078 次

☆提出问题：
<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>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

TD的noWrap属性运用留意事项

相关资料更多>

推荐阅读更多>