td nowrap css nowrap使用說明於注意事項_經驗交流

來源:互聯網
上載者:User
提出問題:

我設定nowrap和不設定nowrap效果都一樣。就是表格隨著文字自動伸展,為什嗎?

→回答問題:
TD元素noWrap屬性的行為與TD元素的width屬性有關。

◆如果未設定TD寬度,則noWrap屬性是起作用的。
◆如果設定了TD寬度,則noWrap屬性是不起作用的。

樣本檔案,點擊運行按鈕,查看效果:
<html> <head> <title>www.jb51.net 指令碼之家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 全選 注:如需引入外部Js需重新整理才能執行]
  • 相關文章

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.