div设置显示与隐藏、边框等

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显示元素(默认值)。

相关推荐

84483368 / 0评论 2013-11-22

chengxiaofeng / 0评论 2019-04-24