td nowrap css nowrap使用说明于注意事项

2022-04-15 0 1,097

提出问题: 

<td width=”28%” align=”right” nowrap > 

我设置nowrap和不设置nowrap效果都一样。就是表格随着文字自动伸展,为什么? 

→回答问题: 

TD元素noWrap属性的行为与TD元素的width属性有关。 

◆如果未设置TD宽度,则noWrap属性是起作用的。 

◆如果设置了TD宽度,则noWrap属性是不起作用的。 

示例文件,点击运行按钮,查看效果: 

<html> <head> <title>www.jb51.net NICE源码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需再刷新一下页面才能执行]

免责声明:
1、本网站所有发布的源码、软件和资料均为收集各大资源网站整理而来;仅限用于学习和研究目的,您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容。 不得使用于非法商业用途,不得违反国家法律。否则后果自负!

2、本站信息来自网络,版权争议与本站无关。一切关于该资源商业行为与www.niceym.com无关。
如果您喜欢该程序,请支持正版源码、软件,购买注册,得到更好的正版服务。
如有侵犯你版权的,请邮件与我们联系处理(邮箱:skknet@qq.com),本站将立即改正。

NICE源码网 CSS/HTML td nowrap css nowrap使用说明于注意事项 https://www.niceym.com/16891.html