css-把一个元素移出视线的方法

问题描述

把一个元素移出视线的方法: 就是把一个元素隐藏,类似的方法如 display:none;请问还有没有其他方法

解决方案

remove或者隐藏，看你的需求了

解决方案二：

visibility: hidden;

解决方案三：

visibility:hidden

display:absolute;top:-999999999px

解决方案四：

引用jquery的话，class=‘hide’

解决方案五：

元素的宽、高设置为0

时间： 2024-11-02 22:22:28

css-把一个元素移出视线的方法的相关文章

jQuery判断一个元素是否可见的方法

本文实例讲述了jQuery判断一个元素是否可见的方法.分享给大家供大家参考.具体如下: jQuery 可以很容易地确定一个元素是可见的或是隐藏的,然后分别做不同的处理.如:我想根据某 div 是否可见,在按钮上显示不同的文字和图标.可以这样实现: 方法一: ? 1 2 3 4 5 6 7 8 9 10 11 $('#para_div button').click(function() { if($(this).next().is(":visible")) { //$(this).h

jQuery判断一个元素是否可见的方法_jquery

本文实例讲述了jQuery判断一个元素是否可见的方法.分享给大家供大家参考.具体如下: jQuery 可以很容易地确定一个元素是可见的或是隐藏的,然后分别做不同的处理.如:我想根据某 div 是否可见,在按钮上显示不同的文字和图标.可以这样实现: 方法一: $('#para_div button').click(function() { if($(this).next().is(":visible")) { //$(this).html('显示'); $(this).css({&quo

Python中声明只包含一个元素的元组数据方法_python

调试程序的时候,就吃过这个亏,不知道为何Python使用括号做元组声明边界符,估计是找不到合适的符号了.中括号用来声明列表,花括号用来声明字典,元组号只能用括号来声明了.有其他语言编程经历的朋友都清楚括号在其它语言里都是表示优先级,而Python也可以用来表示优先级,所以也就引发了以下白痴的问题. 复制代码代码如下: # encoding=UTF-8 obj = ('tuple') print obj print type(obj) print len(obj) 执行结果复制代码代

CSS教程:闭合CSS浮动元素的几种方法

按照CSS规范,浮动元素(floats)会被移出文档流,不会影响到块状盒子的布局而只会影响内联盒子(通常是文本)的排列.因此当其高度超出包含容器时,一般父容器不会自动伸长以闭合浮动元素.但是有时我们却需要这种自动闭合行为,具体如何处理呢? 网页教学网有一种做法就是在父容器内再插入一个额外的标签,并令其清除浮动(clear)以撑大父容器.这种方法浏览器兼容性好,没有什么问题,缺点就是需要额外的(而且通常是无语义的)标签,所以我个人不大喜欢. 后来又有了一种新的方式,使用 :after 伪类动态的

CSS中的元素定位方法详解

1.盒模型盒模型,就是浏览器为页面中的每个 HTML 元素生成的矩形盒子. 这些盒子们都要按照可见版式模型(visual formatting model)在页面上排布.可见的页面版式主要由三个属性控制: position 属性. display 属性和 float 属性.其中,position 属性控制页面上元素间的位置关系, display 属性控制元素是堆叠.并排,还是根本不在页面上出现, float 属性提供控制的方式,以便把元素组成成多栏布局. 盒子属性分三组: 边框(bor

CSS实现定位元素居中的方法

绝对定位元素的居中实现如果要问如何CSS实现绝对定位元素的居中效果,很多人心里已经有答案了. 兼容性不错的主流用法是: CSS Code复制内容到剪贴板 .element { width: 600px; height: 400px; position: absolute; left: 50%; top: 50%; margin-top: -200px; /* 高度的一半 */ margin-left: -300px; /* 宽度的一半 */ } 但,这种方法有一个很明显的不足,就是需要提前

css实现未知尺寸元素水平垂直居中的方法

1.table表格 <table><tbody> <tr> <td>水平垂直居中的随意内容</td> <td>水平垂直居中的随意内容</td>-类似这样的, 垂直居中对其来说,也是非常简单的事.table cells 的 vertical-align:middle 就可以直接解决.所以实现起也来只要这样一行代码: td{ vertical-align:middle; } 2.display:table-cell实现代码

css中去除inline-block元素间间距多种方法分享

真正意义上的inline-block水平呈现的元素间,换行显示或空格分隔的情况下会有间距,很简单的个例子: <input /> <input type="submit" /> 间距就来了~~ 我们使用CSS更改非inline-block水平元素为inline-block水平,也会有该问题: .space a { display: inline-block; padding: .5em 1em; background-color: #cad5eb; } <d

JavaScript使用push方法添加一个元素到数组末尾用法实例

具体如下: 下面的代码演示了JS数组通过push方法添加一个元素到数组末尾 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 <!DOCTYPE html> <html> <body> <p id="demo"> Click the button to add a new element to the array. </p> <button onclick="myFun