網站建設是指使用標識語言(markup language),通過一系列設計、建模、和執行的過程將電子格式的信息通過互聯網傳輸,最終以圖形用戶界面(GUI)的形式被用戶所瀏覽。簡單來說,網頁設計的目的就是產生網站。簡單的信息如文字,圖片(GIF,JPEG,PNG)和表格,都可以通過使超文件標示語言、可擴展超文本標記語言等標示語言放置到網站頁面上。 ☆提出問題: <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> [Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]大多數人在上網的時候,都會瀏覽網頁提供給我們的信息。
|