TD的noWrap属性使用注意事项

作者：痛饮狂歌时间：2014-07-22 06:15:45　

☆提出问题：
<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 全部选择 ]

标签：

投稿

TD的noWrap属性使用注意事项

猜你喜欢

python selenium自动上传有赞单号的操作方法

小三角的做法与使用

python实现快速文件格式批量转换的方法

对python中数组的del,remove,pop区别详解

perl用{}修饰变量名的写法分享

Python练习之操作SQLite数据库

pycharm中没有找到database的解决方案

Python安装selenium包详细过程

将数字转换成大写的人民币表达式的js函数

CentOS 7.2下MySQL的安装与相关配置

使用 XML 文件记录操作日志

一行代码给你的WordPress Blog添加下雪效果

python实现ping命令小程序

富文本编辑器的基本原理与实践

MySQL加密和解密实例详解

使用graphics.py实现2048小游戏

正则表达式语法速查

对Python实现简单的API接口实例讲解

Python实现约瑟夫环问题的方法

SQL Server SA权限最新入侵方法