div 设置隐藏后，在页面仍然占位，如何不让它占位

最新推荐文章于 2024-08-20 21:00:21 发布
最新推荐文章于 2024-08-20 21:00:21 发布
阅读量1.3w 收藏 2
点赞数 1
分类专栏： CSS+DIV=========== 文章标签： div javascript css
div 设置隐藏后，在页面仍然占位，如何不让它占位
 
可直接在页面上做，如下
<div id="hid1" style="visibility:hidden; display:none">
visibility:hidden/visible 设置为隐藏/显示(始终占位)
display:none/block 设置为隐藏(不占位)/显示(不占位)

也可以写到css里
用javascript (网上找来的方法)
document.all("idname").style.display="none";
啵比
关注
专栏目录
原生js设置div隐藏或者显示_10种JS控制DIV的显示隐藏代码
weixin_35674932的博客
12-31 4409
div隐藏与显示#menus {background-color: #c4cff0;}function Layer_HideOrShow(cur_div){ var current=document.getElementById(cur_div);if(current.style.visibility=="hidden"){current.style.visibility ="visible";}...
react-placeholder：一个React组件，可以在内容加载时轻松地用漂亮的占位符复制页面
02-05
一个React组件，可以在内容加载时轻松地用漂亮的占位符复制页面。 您可以使用默认设置中的占位符，也可以通过自己的占位符！ import ReactPlaceholder from ' react-placeholder ' ; import " react-placeholder/...
前端小知识点——html中占位隐藏
weixin_52563146的博客
08-17 495
CSS中的占位隐藏属性 <style> .abc{ visibility:hidden; } </style> 注意： display:none；是直接隐藏掉，不占位置 visibility:hidden；是隐藏了，但是还占着位置
IE6中display为none时仍占据3px？？？
weixin_30462049的博客
06-27 143
当要在网页上要隐藏一个DIV的时候，我们立马想到设置display:none就能搞定。设置了一个DIV的display为none时，该DIV就从网页上消失了，也不占用空间。 但在做项目的时候偶然发现了一个奇怪的现象，IE6下某些时候设置DIV的display:noe，该DIV依然占据一定空间。这里首先来重现一下这个奇怪的现象： 1，我需要如上图所示的一个HTML结构： <div...
CSS——元素的隐藏和显示（定位）
最新发布
2301_80121278的博客
08-20 545
本文主要围绕三个属性来进行学习, 并在最后简单做一个案例来巩固display属性：用于设置一个元素应如何显示visibility属性：指定一个元素应可见还是隐藏overflow属性：指定了如果内容溢出一个元素的框（超过其指定高度及宽度）时，会发生什么。
css 占位隐藏
meis27461的博客
06-27 531
基本所有浏览器都支持。 参考csdn文档 https://developer.mozilla.org/zh-CN/docs/Web/CSS/visibility
CSS的占位隐藏和不占位隐藏
Z_0926的博客
01-08 634
CSS的占位隐藏和不占位隐藏 不占位隐藏 display:none; 占位隐藏 visibility:hidden;
隐藏元素后占的空间没有改变
qq_22978533的博客
09-07 891
display:none和visibility:hidden都是把网页上某个元素隐藏起来的功能，但两者有所区别，经过亲自实验，我发现使用 visibility:hidden属性会使对象不可见，但该对象在网页所占的空间没有改变（看不见但摸得到），等于留出了一块空白区域，而 display:none属性会使这个对象彻底消失（看不见也摸不到）。 ”这样的解释。 但是我觉得并不够，所以就想了一下关于他的一
div里面没内容时，不让其占位
06-01
如果`div`里面没有内容时，不希望它占据空间，可以使用CSS的`display`属性，将其设置为`none`。这样，`div`就不会占据空间，也不会对页面布局造成影响。例如： ``` <div style="display: none;"></div> ``` 如果...
网页内容placeholder占位特效
06-24
网页内容placeholder占位特效是一种现代网页设计技术，它在页面数据加载时，通过CSS3动画为用户呈现一种视觉上的预填充效果。这种技术主要用于提升用户体验，因为在数据完全加载之前，用户可以看到一个美观且动态的...
html div 占位
04-01
它不会设置任何占位或布局属性。如果需要设置占位或布局属性，可以使用CSS来设置<div>元素的宽度、高度、位置等属性。例如： ``` <div style="width: 100px; height: 100px; background-color: red;"></div> ``` ...
jquery如何设置占位隐藏_css3隐藏并且不占位怎么设置？
weixin_39531183的博客
12-19 600
CSS3的语法是建立在CSS原先版本基础上的，它允许使用者在标签中指定特定的HTML元素而不必使用多余的class、ID或JavaScript。css3隐藏并且不占位的设置方法如下：display：none可以隐藏某个元素，且隐藏的元素不会占用任何空间。该元素不但被隐藏了，而且该元素原本占用的空间也会从页面布局中消失。css设置隐藏且不占位示例：index.line1{display:none;/...
元素隐藏占位与不占位
weixin_33672109的博客
12-03 1009
document.getElementById("btn").onclick=function () { //隐藏div //不占位 ver("dv").style.display="none"; //占位 //ver("dv").style.visibility="hidden"; //占位 //ver("dv").style.opacity=0; ...
占位
韩梦飞沙_韩亚飞
08-11 140
作者：韩亚飞_yue31313_韩梦飞沙   QQ:313134555
vue请求网络图片403错误，图片有占位但是显示不出来解决办法
zhangli0421的博客
10-29 430
在index.html 增加一个meta标签<meta name="referrer" content="no-referrer"
CSS学习篇之——初始CSS+DIV
webdev
12-18 180
CSS概述？ CSS是Cascading StyleSheets的英文缩写，英文意思的层叠样式表，它是一种用来表现html货xml等文件样式的一种计算机语言，这种计算机语言可以真正做到网页表现与内容分离的一种样式设计语言。 相对于传统html表现而言，CSS能够对网页中的对象位置排版进行像素级的精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力，并能够进行初...
html div标签空白占位,空白符对HTML结构的影响与解决方案
weixin_42386361的博客
05-31 1783
何为空白符？空白符我自址哈这工边识框处己按后大都加控不架的: 空格、制表比抖朋要插支一圈不者地器享说几符、换行符注插新，都次过是宗现制的前搭待个断前能绿和意：浏览器在解析HTML时会把所有空白符合并成直分调浏器代，刚求的一学础过功互有解小久宗点差维含数如数一个空格空白符对HTML结构的影新直能分支调二浏页器朋代说响H带道术用量确示常构端析以要效开的用，近不TML5中标签placeholder无法正...
CSS中如何隐藏元素但保留其占位空间（display:nonevsvisibility:hidden）？
热门推荐
官方推荐
09-04 1万+
CSS中如何隐藏元素但保留其占位空间（display:nonevsvisibility:hidden）？
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值