當前位置:蘿卜系統下載站 > 網頁設計教程 > 詳細頁面

TD的noWrap屬性運用注意事項

TD的noWrap屬性運用注意事項

更新時間:2020-12-25 文章作者:未知 信息來源:網絡 閱讀次數:

網站建設是指使用標識語言(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>&nbsp;</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>&nbsp;</td></tr></table></body></html>
[Ctrl+A 全部選擇 提示:你可先修改部分代碼,再按運行]大多數人在上網的時候,都會瀏覽網頁提供給我們的信息。

溫馨提示:喜歡本站的話,請收藏一下本站!

本類教程下載

系統下載排行

亚洲嫩草影院久久精品