1. html设置div隐藏
用一个div作为主框架,嵌套图片和文字内容两个div,同时使用浮动功能。 图片向左浮动,文字内容向右浮动,这就形成了两栏。 右边的文字内容又分为两个div,不需要浮动,它会自动上下排列的。 代码如下:
文字介绍
新闻内容
CSS: #container {width: 100%;} #photo {float: left; width: 40%;} #content {float: right; width: 60%;}。2. html 隐藏div
新建一个html文件,命名为test.html,用于讲解css实现鼠标放在文字上,隐藏的div显示出来。
在test.html文件内,使用ul li创建一行列表,在li标签里面使用a标签创建一个文字链接。
在a标签的下面,创建一个div模块,在div内写上测试的文字。
在test.html文件内,创建css标签,在css内初始化页面所有元素样式,设置内外边距都为0 。
使用css设置div隐藏(display:none),并且设置div内的文字颜色为红色(color:red)。
使用css设置li的hover属性,实现当鼠标放在li标签内的a链接上面时,通过把div的display属性设置为block,把div显示出来。
在浏览器打开test.html文件,查看实现的效果。
3. div默认隐藏
示例html最简单的方法:toggle() 的作用就是当对象是显示的就隐藏,当是隐藏的则显示。------如果你除了显示和隐藏之外还需要同时实现其他功能的话,可以这样:这里通过自定义一个 class : show 来判断 div 是显示或隐藏hasClass() 是否存在某个classhide() 隐藏对象show() 显示对象removeClass() 移除一个classaddClass() 添加一个class除此,还可以通过jquery设置这个 div 的 css : display:none/block 来实现隐藏/显示
4. 设置div隐藏显示
div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白: 通过设置display属性可以使div隐藏后释放占用的页面空间,如下
5. HTML设置隐藏
一般情况下,设置里没有的话就不能改了,可以按F11进入全屏模式,Esc退出。
6. 如何将div标签隐藏
可直接在页面上做,如下visibility:hidden/visible设置为隐藏/显示(始终占位)display:none/block设置为隐藏(不占位)/显示(不占位)
7. 怎么设置div隐藏
直接用查找-替换,替换为空就可以
8. html如何隐藏div
css隐藏元素是网页编写常用的方式,根据我的经验总结了以下几种css隐藏元素的方法.
opacity
opacity属性的隐藏方法主要是将元素透明度opacity设置为0,从而在视觉上就隐藏了元素,但是元素本身依然占据的着原有空间。
浏览器支持来说 IE8以以及更早的版本需要使用filter属性代替,如: filter: Alpha(opacity=80)。
语法: opacity: value|inherit;
value: 透明值。可取值有 0.0 (全透明)和 1.0(不透明)。
inherit:从父元素集成opacity属性的值。
其规定使用的CSS版本为 CSS3
JavaScript上的opacity使用方法: object.style.opacity=80。
使用示例:
.hide { opacity: 0;}
display
display属性的隐藏方法主要是将元素display值设置为none,将其不可见,连盒子模型也不生成,甚至连也不占用原有空间,使用该属性为none时用户对该元素的操作将不可用。
其规定使用的CSS版本为 CSS1。
JavaScript上的display隐藏时方法: object.style.display="none"。
JavaScript上的display显示时方法: object.style.display="除none的其他值"
display的属性值包含有: "inline-table"、"run-in"、"table"、"table-caption"、"table-cell"、"table-column"、"table-column-group"、"table-row"、"table-row-group"、以及 "inherit"。
使用示例:
.hide {
display: none;
}
如果使用jQuery对 带有display: none;的元素进行显示/隐藏使用: $('.element').show() / $('element').hide();
position
position属性的隐藏方法主要是将元素定位出可视区域,从而达到隐藏效果。这个属性定义建立元素布局所用的定位机制。任何元素都可以定位,不过绝对或固定元素会生成一个块级框,而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。
该属性的值包含有: absolute,fixed,releative,static,inherit。
其规定使用的CSS版本为 CSS2。
JavaScript上的absolute隐藏时方法: object.style.position="absolute" ,object.style.top="-99999px",object.style.left="-99999px"。
使用示例:
.hide {
position: absolute;
top: -99999px;
left: -99999px;
}
visibility
visibility属性的隐藏方法主要是在使用动画效果时使用,将该值设置为 hidden将隐藏元素及其子孙元素,如,我们需要鼠标移动到元素后显示子元素,可在元素 的hover样式设置 元素(或其子孙元素)的visibility的值 为visible即可。
该属性的值包含有:visible,hidden,collapse,inherit。
其规定使用的CSS版本为 CSS2。
JavaScript上的absolute隐藏时方法: object.style.visibility="hidden"。
使用示例:
.hide {
visibility: hidden;
}
.show
{visibility: visible;
}
overflow
overflow属性的隐藏方法主要是, 使用超出隐藏的方法。
使用示例:
.overflow
{overflow: hidden;
}