首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
CSS/HTML
正文
td nowrap css nowrap使用说明于注意事项
所属分类：
网络编程
/
CSS/HTML
阅读数： 1253
收藏 0
赞 0
分享
提出问题：
<td width="28%" align="right" nowrap >
我设置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需再刷新一下页面才能执行
]
更多精彩内容
其他人还在看
Mozilla建议的CSS书写顺序
Mozilla建议的CSS书写顺序
评论 0
收藏 0
赞 0
分享
微软终于对网页三剑客下手了
微软终于对网页三剑客下手了
评论 0
收藏 0
赞 0
分享
div＋css布局入门
div＋css布局入门
评论 0
收藏 0
赞 0
分享
HTML中的数据绑定
HTML中的数据绑定
评论 0
收藏 0
赞 0
分享
CSS定义通用透明效果
CSS定义通用透明效果
评论 0
收藏 0
赞 0
分享
一段巧妙的css debug代码
一段巧妙的css debug代码
评论 0
收藏 0
赞 0
分享
display&position
display&position
评论 0
收藏 0
赞 0
分享
布局遇到的问题 非常不错的见解
布局遇到的问题 非常不错的见解
评论 0
收藏 0
赞 0
分享
表格斜线
表格斜线
评论 0
收藏 0
赞 0
分享
利用CSS控制SELECT中的OPTION是否不允许选
利用CSS控制SELECT中的OPTION是否不允许选
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
90后男屌丝如何让淘宝客日赚10万滴
让所谓“网络营销”的人哭笑不得：一个圈外人士的真实网赚经历
站长故事实战：淘宝买关键词排名SEO服务攻略介绍
个人站长经常做的国内广告联盟
为什么做网站不赚钱?做网站不赚钱的三大原因
SEO赚钱的途径有几种？简析当前靠SEO赚钱的几种途径
站长故事
更多
从地图到苹果6！盘点苹果产品的四大败笔
小米、华为互喷的背后：互相吃翔的GDP！
有钱就是任性 2014年科技界大佬十大惊人语录
探讨：为什么个人站长越来越不愿做seo独立博客
求伯君：如果时光倒流我不会选择创业
从5元到500万，我的创业历程
