DHTML标签积累

最新推荐文章于 2024-09-03 20:29:47 发布

Wuaner

最新推荐文章于 2024-09-03 20:29:47 发布

阅读量40

点赞数

分类专栏： Ajax/JS/JSP/HTML5 文章标签：单元测试 ASP HTML 数据结构 Web

本文链接：https://blog.csdn.net/Wuaner/article/details/83453939

版权

Ajax/JS/JSP/HTML5 专栏收录该内容

47 篇文章 0 订阅

订阅专栏

[b][color=red]TD的noWrap属性使用注意事项[/color][/b]
☆提出问题：
<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>

[url]http://www.blueidea.com/tech/web/2003/943.asp[/url]

[b][color=red]IFrame只隐藏横向滚动条或者竖向滚动条[/color][/b]
在子页面的<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"

[b]align与valign：[/b]
align 是左中右对齐属性值 left center right
valign 是上中下对齐属性值top middle bottom

[b]οnclick="this.value=''"[/b]

Wuaner

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
DHTML标签积累

[b][color=red]TD的noWrap属性使用注意事项[/color][/b]☆提出问题：我设置nowrap和不设置nowrap效果都一样。就是表格随着文字自动伸展，为什么？→回答问题：TD元素noWrap属性的行为与TD元素的width属性有关。◆如果未设置TD宽度，则noWrap属性是起作用的。◆如果设置了TD宽度，则noWrap属性是不起作用的。[co...
复制链接

扫一扫

专栏目录