设置div显示隐藏的N种方法

设置display为block或""或直接不设置display，div都是显示的，display为none就隐藏了。JQ可以用 $("div").show();或$("div").css("display","");表示显示。隐藏就是$("div").hide();
设置height，div默认width是100%，但height是0，所以可以设置height为0或auto来达到隐藏/显示的目的。
设置visibility，hidden表示隐藏，visible为显示，和display的区别是，display:none;不占空间，visibility仍占着。
设置top、left值，这个比较奇葩，隐藏就是把这两个值设置的很巨大，例如：top：-2000px，left：-2000px，因为一般页面不会有这么大尺寸，所以从窗口上是看不到的，要想看到就把值改小。

前三种对自制选项卡（tab,accordion）可能有用。

第一篇文章，欢迎指正，感激不尽。

转载于:https://www.cnblogs.com/kevinxie/archive/2013/05/28/3103411.html

设置div显示隐藏的N种方法相关推荐

css实现显示隐藏的5种方法
css实现显示隐藏是在写前端时经常遇见的问题,我根据自己的经验以及网上的方法,一共总结了5种.下面我分析一下它们各自的特点. 1. dispalay:none 这是最简单也是最容易想到的方法. .hi ...
html元素隐藏js 控制,JS控制HTML元素的显示和隐藏的两种方法
JS控制HTML元素的显示和隐藏的两种方法利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位. 方法一 ...
qt5设置linux系统时间,Qt中使用QLabel显示时间的两种方法
Qt中使用QLabel显示时间的两种方法思路一致,只是实现方法不一样而已. main.cpp #include "displaytime.h" #include int main( ...
display none 隐藏后怎么显示_web前端入门到实战：元素显示隐藏的9种思路
我自己是一名从事了多年开发的web前端老程序员,目前辞职在做自己的web前端私人定制课程,今年年初我花了一个月整理了一份最适合2019年学习的web前端学习干货,各种框架都有整理,送给每一位前端小伙伴 ...
在Word2010文档中设置和显示隐藏文字
用户在使用Word2010编辑文档的过程中,常常需要将Word文档中的特定文字设置为隐藏文字,以实现保密效果.本篇教程介绍在Word2010文档中设置和显示隐藏文字的方法. 1．设置隐藏文字用户可以 ...
Qt之QWidget设置窗口背景图片的几种方法
Qt之QWidget设置窗口背景图片的几种方法几种方法如下: 1.使用调色板QPalette来设置图片 QPalette pal =this->palette(); pal.setBrush( ...
div水平垂直居中的七种方法
学习笔记(一) div水平垂直居中的七种方法文章目录学习笔记(一) 前言一.绝对定位法 1.方法一 2.方法二 3.方法三 4.方法四二.flex布局法 1.方法五三.将小div转成行内块 ...
dos窗口显示中文的一种方法
dos窗口显示中文的一种方法 dos窗口显示中文的一种方法 (2011-09-13 11:20:41)转载▼ 标签: 杂谈中文代码页 936 UTF8 65001 CHCP 936 # 使用简体中文 ...
ABAP屏幕上显示LIST的三种方法
屏幕上显示LIST的三种方法在abap开发中,经常有用户提出list的需求,实现的方法很多,通常用的有以下三种总结一下供大家参考: 1:手工添加-就是根据需要把LIST要显示的内容一条一条加到LIS ...

设置div显示隐藏的N种方法

设置div显示隐藏的N种方法相关推荐

最新文章

热门文章