TD的noWrap属性使用注意事项

☆提出问题:
<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>

时间: 2024-10-23 16:02:25

TD的noWrap属性使用注意事项的相关文章

TD的noWrap属性注意事项

☆提出问题:<td width="28%" align="right" nowrap >我设置nowrap和不设置nowrap效果都一样.就是表格随着文字自动伸展,为什么? →回答问题:TD元素noWrap属性的行为与TD元素的width属性有关. ◆如果未设置TD宽度,则noWrap属性是起作用的.◆如果设置了TD宽度,则noWrap属性是不起作用的. <html><head><title>wrap属性研究</

td nowrap css nowrap使用说明于注意事项_经验交流

测试字符串: 我终于明白,我其实有一条韧性十足的命,它远比我想象中的那条命结实得多.耐磨的多-- 单元格未设置nowrap属性的空表: 加入测试字符串: 我终于明白,我其实有一条韧性十足的命,它远比我想象中的那条命结实得多.耐磨的多-- 单元格设置了nowrap属性,未设置width属性: 我终于明白,我其实有一条韧性十足的命,它远比我想象中的那条命结实得多.耐磨的多-- 单元格设置了nowrap属性,也设置了width属性: 我终于明白,我其实有一条韧性十足的命,它远比我想象中的那条命结实得多

css white-space:nowrap属性用法

 css强制文字不换行,可给指定的容器增加white-space:nowrap即,下面把CSS示例写给大家,很简单 强制不换行,直接使用white-space:nowrap即可. CSS设置不转行:  overflow:hidden 隐藏  white-space:normal 默认  pre 换行和其他空白字符都将受到保护  nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象 例:强制不换行 代码如下: div{ white-space:nowrap; }    

css white-space:nowrap属性用法(可以强制文字不换行输出)_CSS/HTML

强制不换行,直接使用white-space:nowrap即可.CSS设置不转行: overflow:hidden 隐藏 white-space:normal 默认 pre 换行和其他空白字符都将受到保护 nowrap 强制在同一行内显示所有文本,直到文本结束或者遭遇 br 对象例:强制不换行 复制代码 代码如下: div{white-space:nowrap;}

CSS word-wrap 防止表格被撑开做法

一.关于TD的noWrap属性 ☆提出问题: <td width="28%" align="right" nowrap > 我设置nowrap和不设置nowrap效果都一样.就是表格随着文字自动伸展,为什么? →回答问题: TD元素noWrap属性的行为与TD元素的width属性有关. ◆如果未设置TD宽度,则noWrap属性是起作用的. ◆如果设置了TD宽度,则noWrap属性是不起作用的. 示例文件,点击运行按钮,查看效果 HTML 代码 引用:  

如何取出list里面的对象的多个属性值,并放在表格的td中

问题描述 如何取出list里面的对象的多个属性值,并放在表格的td中 解决方案 使用JSTL表达式<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> 因为是list集合,所有需要用进行循环,具体如下. 一,导包(MyEclipse内置函数包) <%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix=

通过CSS让TD自动换行

td元素中nowrap属性的行为与td元素的width属性有关.如果未设置td宽度,则nowrap属性起作用的,反之不起作用.我们可以通过为td设置word-break:break-all来实现换行   HTML中td元素的nowrap属性表示禁止单元格中的文字自动换行.但使用时要注意的是,td元素中nowrap属性的行为与td元素的width属性有关.如果未设置td宽度,则nowrap属性起作用的,如果设置了td宽度,则nowrap属性不起作用. 通过CSS让TD自动换行 项目中 ajax 应

十三 The Display Property,display属性

操作HTML元素的诀窍在于明白它们工作的方法在于没有特定的形式.一些由标签组成的大部分页面可以设定任何样式.浏览器默认的样式里的大部分html元素由字体样式.margin,padding组成,本质上是显示类型. display属性基本上分为inline,block,和none. inline就像它的本意--显示为inline的元素为行.strong,anchor锚和em强调元素默认是行. block元素前后换行.标题和段落元素是块元素. none,意思不显示元素,在可用性上可以实现漂亮的效果,交

js-如何用JavaScript操作table中tr中td的值?

问题描述 如何用JavaScript操作table中tr中td的值? 如何用JavaScript操作table中tr中td的值? 如何用JavaScript操作table中tr中td的值? 如何用JavaScript操作table中tr中td的值? 解决方案 <html> <head> <title> 修改td中的值 </title> </head> <body> <table id="myTable" wi