teresalxm 2014-04-30
1.div设置隐藏后页面占位/不占位
可直接在页面上做,如下
<div id="hid1" style="visibility:hidden; display:none"> <div id="hid1" style="display:none">隐藏不占位 <div id="hid1" style="visibility:hidden">隐藏占位 visibility:hidden/visible 设置为隐藏/显示(始终占位) display:none/block 设置为隐藏(不占位)/显示(不占位)
也可以写到css里
用javascript(网上找来的方法)
document.all("idname").style.display="none";
------------------------------------------
CSS/div
1.margin外边距外间距即div与div间距
2.padding是比较常用CSS样式,可以利用padding内边距设置上、下、左、右对象内容与四个边距距离间隔。
divcss
float浮动用法(leftright)Float常跟属性值left、right、none
Float:none不使用浮动
Float:left靠左浮动
Float:right靠右浮动
-------------------------------------------
div显示与隐藏
visibility隐藏的对象还保留对象显示时所占的物理空间,display则不保留。可以保存下面的代码看看效果:
具体步骤:
代码示例:
<div style="border:1px solid #000;background:#eee"> <span style="width:200;height:200;visibility:hidden"></span> ←SS属性为visibility:hidden的对象 </div><br> <div style="border:1px solid #000;background:#666"> <span style="width:200;height:200;display:none"></span> ←SS属性为display:none的对象 </div>
特别提示
用visibility属性控制隐藏的对象还占据着它显示时的位置,而display则没有。
特别说明
display属性设置元素的显示方式,对应脚本特性为display,可选值为none、block和inline,各值的说明如下:
none隐藏元素,不保留元素显示时的空间。
block块方式显示元素。
inline以内嵌方式显示元素。
inline-block对象显示为内嵌元素,但所有子对象都显示为块元素,相邻的内嵌元素将显示在同一行,允许空格。
list-item将块元素显示为列表对象,并可以添加项目标点。(需要IE6.0+支持)
table-header-group将元素作为表格标题组显示,相当于tHead元素。
table-footer-group将元素作为表格脚注组显示,相当于tFoot元素。
visibility属性设置是否显示元素,对应的脚本特性为visibility,可选值为inherit、hidden和visible,各值的说明如下:
inherit继承父元素的visibility属性设置。
hidden隐藏元素,但保留其所占空间。
visible显示元素(默认值)。
本文实例讲述了jQuery基于闭包实现的显示与隐藏div功能。分享给大家供大家参考,具体如下:。<p>当前手机号码:<span id="oldPhone">$!{user.phone}</span>&