首页
网页制作
网络编程
脚本专栏
数据库
网站运营
网络安全
平面设计
CMS教程
搜索
建站极客
网络编程
CSS/HTML
正文
td nowrap css nowrap使用说明于注意事项
所属分类：
网络编程
/
CSS/HTML
阅读数： 1202
收藏 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需再刷新一下页面才能执行
]
更多精彩内容
其他人还在看
CHM集锦(CHM)
CHM集锦(CHM)
评论 0
收藏 0
赞 0
分享
IE与FireFox的兼容性问题
IE与FireFox的兼容性问题
评论 0
收藏 0
赞 0
分享
DIV 居中的绝好解决方法
DIV 居中的绝好解决方法
评论 0
收藏 0
赞 0
分享
解决 select 挡住div的解决方法
解决 select 挡住div的解决方法
评论 0
收藏 0
赞 0
分享
网站首页head区代码规范
网站首页head区代码规范
评论 0
收藏 0
赞 0
分享
动态更改网页HTML元素(对象)内容
动态更改网页HTML元素(对象)内容
评论 0
收藏 0
赞 0
分享
如何处理多国语言
如何处理多国语言
评论 0
收藏 0
赞 0
分享
Firefox CSS私有属性备忘记录
Firefox CSS私有属性备忘记录
评论 0
收藏 0
赞 0
分享
CSS兼容要点分析
CSS兼容要点分析
评论 0
收藏 0
赞 0
分享
css静态滤镜 + A:Hover
css静态滤镜 + A:Hover
评论 0
收藏 0
赞 0
分享
查看更多
网络赚钱
更多
网上赚钱怎么赚钱？网上兼职的方法有哪些
女子注册相亲网站收到短信 点击链接后6万块钱不翼而飞
网赚之谈：如何用最少的钱做最大化的网站推广
从世界杯观赛看，“移动视频”就是个伪命题
google
淘宝评级规则详解
站长故事
更多
站长经验 草根站长成为自媒体明星的过程与经验
阿里IPO在即，看阿里与京东战略和经营之比
一问易答：为何小米4/魅族MX4不支持NFC？
年轻站长的苦逼SEO路：虽难却依旧顽强的坚持着
网站被K到恢复收录与排名我做了什么
90后男子新婚杀妻后将照片发朋友圈续：被判死缓
