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>
http://www.blueidea.com/tech/web/2003/943.asp
IFrame只隐藏横向滚动条或者竖向滚动条
在子页面的<body>标签里加入以下格式:
<body style="overflow: auto; overflow-x:hidden">
有的人也会这样写:
<body style="overflow: scroll; overflow-x:hidden">
两个都可以实现隐藏横向滚动条;若要隐藏竖向滚动条,只需要将overflow-x改成overflow-y即可
让没有滚动条的某页面显示滚动条:
<body scroll="yes">
存在这样的结构:
<fieldset>
<s:div id="resultsDiv" theme="simple" cssClass="resultsDiv" cssStyle="width:100%;overflow-y:auto;overflow-x:hidden;" executeScripts="true" href="">
<table class="clsResGridViewTblScroll" id="listMsgTable" width="100%;">
<tr>
<th nowrap align="center" width="5%">序号</td>
<th nowrap align="center" width="80%">消息文本</td>
<th nowrap align="center">日期</td>
</tr>
<s:iterator value="soiFeedBackMsgList" status="status" id="entity">
.
.
.
</s:iterator>
</table>
</s:div>
</fieldset>
明明为div resultsDiv 指定了纵向的滚动条(auto指按需自动加滚动条),可是发现没有加上;改为overflow-y:scroll,有了滚动条,但是无法拖动,是不可用的。最后终于发现原因:没有指定height的div其高度是不确定的;table里数据多少行,它就多高;结果就是滚动条不起作用;改正的方法很简单:为div指定一个绝对的高度值。上述代码,可将resultsDiv的cssStyle改为(该div其外围的fieldset的高度也是不确定的;所以这里只能指定一个绝对的高度值xxpx,使用%也是不起作用的):
cssStyle="width:100%;overflow-y:auto;overflow-x:hidden;height:200px"
align与valign:
align 是左中右对齐 属性值 left center right
valign 是上中下对齐 属性值top middle bottom
onclick="this.value=''"
分享到:
相关推荐
**DHTML 完全手册** DHTML,全称Dynamic HTML,是一种用于创建动态、交互式...掌握DHTML需要对HTML、CSS、JavaScript和DOM有深入的理解,并通过实践不断积累经验。只有这样,才能创作出富有创意、功能丰富的动态网页。
2. **JSP Tag Libraries**: JSP标签库可以提高代码复用性和可维护性,值得深入研究。 - 学习时间:建议根据项目需求和个人兴趣选择性学习。 3. **Servlets**: Servlets是JSP的补充技术,掌握它们可以更好地构建...
### JavaScript基本的入门知识点 #### 一、JavaScript概述 ##### 1.1 什么是JavaScript ...它是一种基于对象和事件驱动的解释型脚本...随着经验的积累,还可以进一步学习更高级的主题,如异步编程、框架和库的使用等。
整个课程体系以项目驱动的方式展开,确保学员能够在实践中深化理论知识,并积累实际工作经验。 #### 二、详细知识点解析 ##### 第一阶段:语言核心与.NET Framework 4.0 - **语言基础** - **C#基础语法**:介绍...
总结起来,成为一名合格的web前端工程师,需要对网页的基本结构有深刻的理解,熟悉浏览器的工作原理,了解网页的生命周期和数据的传递机制,掌握DHTML、DOM、BOM、JavaScript、AJAX等技术,并能够熟练使用浏览器的...
作为一个优秀的开发者,代码应具备良好的结构和规范,遵循如XHTML的大小写规则和标签闭合等标准。要不断提升自己,不要过于依赖现成的控件,尤其是.NET框架中的那些,因为这可能导致技能停滞不前。学会自定义组件,...
随着经验的积累和技术的发展,不断学习新的知识和技术将是持续成长的关键。此外,虽然学习JSP可能需要相对较长的时间,但它为构建高质量的Web应用程序提供了坚实的基础。相比于某些快速入门的技术(如ASP),JSP的...