表格中td的属性nowrap作用意义分析
在表格定位中经常会看到td的一个属性nowrap，它到底有什么作用，是什么意思呢？简单的来讲，nowrap就是让td内不换行，自行延伸。
在使用过程中注意：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>
上面的代码运行的效果如下图：
结合代码看下效果就很清楚nowrap的用法了~
文章作者：zhsh343900
本文地址：http://www.zhangsuihua.cn/zhuanqianjishu/189.html
版权所有 © 转载时必须以链接形式注明作者和原始出处！
