快捷導(dǎo)航

td nowrap css nowrap使用說(shuō)明于注意事項(xiàng)

更新時(shí)間：2008年02月19日 23:03:49 作者：

提出問(wèn)題：
<td width="28%" align="right" nowrap >
我設(shè)置nowrap和不設(shè)置nowrap效果都一樣。就是表格隨著文字自動(dòng)伸展，為什么？

→回答問(wèn)題：
TD元素noWrap屬性的行為與TD元素的width屬性有關(guān)。

◆如果未設(shè)置TD寬度，則noWrap屬性是起作用的。
◆如果設(shè)置了TD寬度，則noWrap屬性是不起作用的。

示例文件，點(diǎn)擊運(yùn)行按鈕，查看效果：

<html> <head> <title>chabaoo.cn 腳本之家wrap屬性研究</title> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> </head> <body bgcolor="#FFFFFF" text="#000000"> <p>測(cè)試字符串：</p> <p>我終于明白，我其實(shí)有一條韌性十足的命，它遠(yuǎn)比我想象中的那條命結(jié)實(shí)得多、耐磨的多……</p> <p>單元格未設(shè)置nowrap屬性的空表：</p> <table width="100" border="1" cellspacing="0" cellpadding="0"> <tr> <td> </td> </tr> </table> <p>加入測(cè)試字符串：</p> <table width="100" border="1" cellspacing="0" cellpadding="0"> <tr> <td>我終于明白，我其實(shí)有一條韌性十足的命，它遠(yuǎn)比我想象中的那條命結(jié)實(shí)得多、耐磨的多……</td> </tr> </table> <p>單元格設(shè)置了nowrap屬性，未設(shè)置width屬性：</p> <table width="100" border="1" cellspacing="0" cellpadding="0"> <tr> <td nowrap>我終于明白，我其實(shí)有一條韌性十足的命，它遠(yuǎn)比我想象中的那條命結(jié)實(shí)得多、耐磨的多……</td> </tr> </table> <p>單元格設(shè)置了nowrap屬性，也設(shè)置了width屬性：</p> <table width="200" border="1" cellspacing="0" cellpadding="0"> <tr> <td width="120" nowrap>我終于明白，我其實(shí)有一條韌性十足的命，它遠(yuǎn)比我想象中的那條命結(jié)實(shí)得多、耐磨的多……</td> <td> </td> </tr> </table> </body> </html>

[Ctrl+A 全選注:引入外部Js需再刷新一下頁(yè)面才能執(zhí)行]