td nowrap css nowrap使用說明於注意事項

來源:互聯網
上載者:User

提出問題:
<td width="28%" align="right" nowrap >
我設定nowrap和不設定nowrap效果都一樣。就是表格隨著文字自動伸展,為什嗎?

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

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

樣本檔案,點擊運行按鈕,查看效果: <meta http-equiv="Content-Type" content="text/html; charset=gb2312"><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><p>

相關文章

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.